1<!DOCTYPE html><html class="js" lang="en"><head><meta id="ede-response-id" name="ede-response-id" content="846543e6-8dc1-41c5-9b1f-2026c34589c5"> 2
2<script src="/_nostra/scripts/batchScript-6ZI6XFOX.js"></script>
2 3 <!-- prepend batchScript.ts --> 4 5
5<script src="/_nostra/scripts/pageViewScript-IPZ7Z377.js"></script>
5 6 <!-- prepend pageViewScript.ts --> 7 8
8<script src="/_nostra/scripts/performanceScript-ED4CVFD4.js"></script>
8 9 <!-- prepend performanceScript.ts --> 10
10<script async src="/_nostra/identity/client"></script>
10<script id="session-content-origin"> 11 (function() { 12 window.Nostra = window.Nostra || {}; 13 window.Nostra.Transform = window.Nostra.Transform || {}; 14 15 var resolveOriginHeaders; 16 window.Nostra.Transform.originHeadersPromise = new Promise(function (resolve) { resolveOriginHeaders = resolve; }); 17 window.Nostra.Transform.resolveOriginHeaders = function (value) { resolveOriginHeaders(value); }; 18 19 var skipCacheURL = new URL(window.location.href); 20 skipCacheURL.searchParams.set('skipCache', 'true'); 21 22 window.Nostra.Transform.originDocumentPromise = fetch(skipCacheURL.toString()) 23 .then(function(response) { 24 if (!response.ok) { 25 throw new Error('Origin fetch failed: ' + response.status); 26 } 27 28 try { 29 var identityNames = ['_y', '_s', '_ye', '_se', '_cmp', 'requestID']; 30 var identity = {}; 31 (response.headers.get('Server-Timing') || '').split(',').forEach(function (part) { 32 var match = part.trim().match(/^([^;]+);[ ]*desc="([^"]*)"/); 33 if (match && identityNames.indexOf(match[1]) >= 0) { 34 identity[match[1]] = match[2]; 35 } 36 }); 37 window.Nostra.Transform.originServerTiming = identity; 38 // Shopify's readers take the meta tag before the navigation entry, and Safari before 16.4 has no Server-Timing 39 // API at all, so re-emit the tags the write path removed with this visitor's values (expiration is in ms). 40 [['shopify-y', '_y', '_ye'], ['shopify-s', '_s', '_se']].forEach(function (spec) { 41 var value = identity[spec[1]]; 42 if (!value) { 43 return; 44 } 45 var meta = document.querySelector('meta[name="' + spec[0] + '"]') || document.createElement('meta'); 46 meta.setAttribute('name', spec[0]); 47 meta.setAttribute('content', value); 48 var expiration = Number(identity[spec[2]]); 49 if (expiration) { 50 meta.setAttribute('data-expiration', String(expiration < 1e11 ? expiration * 1000 : expiration)); 51 } 52 if (!meta.parentNode) { 53 (document.head || document.documentElement).appendChild(meta); 54 } 55 }); 56 if ((identity._y || identity._s) && !window.Nostra.Transform.serverTimingPatched) { 57 var resourceProto = PerformanceResourceTiming.prototype; 58 var descriptor = Object.getOwnPropertyDescriptor(resourceProto, 'serverTiming'); 59 if (descriptor && descriptor.get) { 60 window.Nostra.Transform.serverTimingPatched = true; 61 var patchedEntries = null; 62 Object.defineProperty(resourceProto, 'serverTiming', { 63 configurable: true, 64 enumerable: descriptor.enumerable, 65 get: function () { 66 var original = descriptor.get.call(this); 67 if (this.entryType !== 'navigation') { 68 return original; 69 } 70 if (!patchedEntries) { 71 var kept = original.filter(function (entry) { return identityNames.indexOf(entry.name) < 0; }); 72 var added = Object.keys(identity).map(function (name) { 73 var entry = { name: name, description: identity[name], duration: 0 }; 74 entry.toJSON = function () { return { name: name, description: identity[name], duration: 0 }; }; 75 return entry; 76 }); 77 patchedEntries = Object.freeze(kept.concat(added)); 78 } 79 return patchedEntries; 80 } 81 }); 82 var navigationProto = PerformanceNavigationTiming.prototype; 83 var originalToJSON = navigationProto.toJSON; 84 navigationProto.toJSON = function () { 85 var json = originalToJSON.call(this); 86 json.serverTiming = this.serverTiming.map(function (entry) { 87 return { name: entry.name, description: entry.description, duration: entry.duration }; 88 }); 89 return json; 90 }; 91 } 92 } 93 } catch (e) {} 94 window.Nostra.Transform.resolveOriginHeaders(window.Nostra.Transform.originServerTiming || null); 95 96 var consent = null; 97 try { 98 var serverTimingHeader = response.headers.get('Server-Timing'); 99 if (serverTimingHeader) { 100 var match = serverTimingHeader.match(/_cmp;desc="([^"]+)"/); 101 if (match) { 102 consent = decodeURIComponent(match[1]); 103 } 104 } 105 } catch (e) {} 106 if (!consent) { 107 try { 108 var resources = performance.getEntriesByType("resource"); 109 for (var i = resources.length - 1; i >= 0; i--) { 110 if (resources[i].name.includes('skipCache=true')) { 111 var st = resources[i].serverTiming; 112 if (st) { 113 var cmp = st.find(function(e) { return e.name === "_cmp"; }); 114 if (cmp) { 115 consent = decodeURIComponent(cmp.description); 116 break; 117 } 118 } 119 } 120 } 121 } catch (e) {} 122 } 123 if (consent) { 124 try { 125 window.Nostra.Transform._cmpConsent = consent; 126 window.Nostra.Transform._cachedConsent = encodeURIComponent(consent); 127 } catch (e) {} 128 } 129 if (window.Shopify && window.Shopify.loadFeatures) { 130 window.Shopify.loadFeatures([{ 131 "name": "consent-tracking-api", 132 "version": "0.1" 133 }], function() { Nostra.flushConsentCallbacks(); }, true); 134 } 135 return response; 136 }) 137 .then(function(response) { return response.text(); }) 138 .then(function(doc) { 139 var parser = new DOMParser(); 140 return parser.parseFromString(doc, 'text/html'); 141 }) 142 .catch(function(error) { 143 window.Nostra.Transform.resolveOriginHeaders(null); 144 console.error('Error fetching or parsing document:', error); 145 }); 146 147 function pinIdentity() {
148 try { 149 var identity = window.Nostra.Transform.originServerTiming || {}; 150 var uniqueToken = identity._y; 151 var visitToken = identity._s; 152 if (!uniqueToken || uniqueToken.indexOf('00000000-') === 0) { 153 return; 154 } 155 var storageKey = 'nostra-identity-pin'; 156 try { 157 if (sessionStorage.getItem(storageKey) === uniqueToken) { 158 return; 159 } 160 } catch (e) {} 161 var headers = { 'content-type': 'application/json', 'X-Shopify-UniqueToken': uniqueToken }; 162 var query = '_y=' + encodeURIComponent(uniqueToken); 163 if (visitToken) { 164 headers['X-Shopify-VisitToken'] = visitToken; 165 query += '&_s=' + encodeURIComponent(visitToken); 166 } 167 fetch('/api/unstable/graphql.json?' + query, { 168 method: 'POST', 169 credentials: 'include', 170 keepalive: true, 171 headers: headers, 172 body: JSON.stringify({ query: 'query ensureCookies { consentManagement { cookies(visitorConsent:{}) { cookieDomain } } }' }) 173 }).then(function (response) { 174 // mark the identity pinned only once Shopify accepted it, so a blocked or failed pin retries on the next page 175 if (response.ok) { 176 try { sessionStorage.setItem(storageKey, uniqueToken); } catch (e) {} 177 } 178 }).catch(function () {}); 179 } catch (e) {} 180 } 181 window.addEventListener('load', function () { setTimeout(pinIdentity, 1500); }); 182 })(); 183</script>
183<script id="session-content-hold-release"> 184 (function () { 185 window.Nostra = window.Nostra || {}; 186 window.Nostra.Transform = window.Nostra.Transform || {}; 187 if (window.Nostra.Transform.releaseHeldScripts) { 188 return; 189 } 190 var release = function () { 191 Array.prototype.slice.call(document.querySelectorAll('script[data-nostra-hold]')).forEach(function (held) { 192 var script = document.createElement('script'); 193 Array.prototype.forEach.call(held.attributes, function (attr) { 194 if (attr.name === 'type' || attr.name === 'data-nostra-hold' || attr.name === 'data-src') { 195 return; 196 } 197 script.setAttribute(attr.name, attr.value); 198 }); 199 var src = held.getAttribute('data-src'); 200 if (src) { 201 script.src = src; 202 } else { 203 script.textContent = held.textContent; 204 } 205 held.parentNode.replaceChild(script, held); 206 }); 207 }; 208 var releaseWhenParsed = function () { 209 if (document.readyState === 'loading') { 210 document.addEventListener('DOMContentLoaded', release); 211 } else { 212 release(); 213 } 214 }; 215 window.Nostra.Transform.releaseHeldScripts = releaseWhenParsed; 216 var originHeaders = window.Nostra.Transform.originHeadersPromise; 217 if (originHeaders && typeof originHeaders.then === 'function') { 218 originHeaders.then(releaseWhenParsed, releaseWhenParsed); 219 } else { 220 releaseWhenParsed(); 221 } 222 })(); 223</script>
223<script type="text/javascript" class="nostra-shopify-analytics-shim"> 224 window.Shopify = window.Shopify || {}; 225 window.Shopify.analytics = window.Shopify.analytics || {}; 226 window.Nostra = window.Nostra || {}; 227 window.Nostra.Transform = window.Nostra.Transform || {}; 228 window.Nostra.Transform.replayQueue = window.Nostra.Transform.replayQueue || []; 229 230 if (!window.Shopify.analytics.publish) { 231 window.Shopify.analytics.publish = function (event, payload, context) { 232 window.Nostra.Transform.replayQueue.push([event, payload, context]); 233 return true; 234 }; 235 } 236 </script>
236<script id="session-content-consent-bootstrap"> 237 !function(o) { 238 var t = o.Shopify = o.Shopify || {}; 239 var pendingConsentCallbacks = []; 240 241 function n() { 242 var q = []; 243 function fn() { q.push(Array.prototype.slice.apply(arguments)); } 244 return fn.q = q, fn; 245 } 246 247 var realLoadFeatures = n(); 248 249 t.loadFeatures = function() { 250 var args = Array.prototype.slice.apply(arguments); 251 var features = args[0]; 252 var callback = args[1]; 253 var force = args[2] || false; 254 255 var wantsConsent = Array.isArray(features) && features.some(function(f) { 256 return f.name === 'consent-tracking-api'; 257 }); 258 259 if (wantsConsent && callback && !force) { 260 pendingConsentCallbacks.push(callback); 261 } else { 262 realLoadFeatures.apply(null, args); 263 } 264 }; 265 t.loadFeatures.q = realLoadFeatures.q; 266 267 t.autoloadFeatures = n(); 268 269 o.Nostra = o.Nostra || {}; 270 o.Nostra.Transform = o.Nostra.Transform || {}; 271 272 o.Nostra.flushConsentCallbacks = function(error) { 273 if (o.Nostra.Transform._cachedConsent && o.Shopify.customerPrivacy) { 274 o.Shopify.customerPrivacy.cachedConsent = o.Nostra.Transform._cachedConsent; 275 } 276 var cbs = pendingConsentCallbacks.splice(0); 277 cbs.forEach(function(cb) { 278 try { cb(error || undefined); } catch(e) { console.error(e); } 279 }); 280 }; 281 282 // Run cb once consent state is populated. Use this from per-customer 283 // configs when something must read window.Shopify.customerPrivacy 284 // (e.g., re-injecting Shopify scripts that auto-fire bannerQuery). 285 // Fires immediately if flushConsentCallbacks has already run; otherwise 286 // queues via the same intercept primitive ScriptWrapEngine uses, so 287 // it's guaranteed to fire exactly when consent-tracking-api has loaded. 288 o.Nostra.onConsentReady = function(cb) { 289 if (o.Shopify && o.Shopify.customerPrivacy && o.Shopify.customerPrivacy.cachedConsent !== undefined) { 290 try { cb(); } catch(e) { console.error(e); } 291 } else if (o.Shopify && o.Shopify.loadFeatures) { 292 o.Shopify.loadFeatures([{ name: 'consent-tracking-api', version: '0.1' }], cb); 293 } 294 }; 295 }(window); 296 </script>
296<script> 297 if (window.self !== window.top && location.pathname.startsWith('/apps/my/course/') && new URLSearchParams(location.search).get('academy_embed') === '1') { 298 document.documentElement.classList.add('academy-course-embed'); 299 } 300 </script>
300<style> 301 html.academy-course-embed .shopify-section-group-header-group, 302 html.academy-course-embed .shopify-section-group-footer-group, 303 html.academy-course-embed #shopify-section-sticky-atc, 304 html.academy-course-embed #shopify-section-sticky-offer, 305 html.academy-course-embed #gorgias-chat-container { display: none !important; } 306 html.academy-course-embed body { display: block; min-height: 0; } 307 html.academy-course-embed #MainContent { margin-top: 0; padding-top: 0; } 308 </style><style> 309 #rebuy-quick-view-dropdown-search 310 .rebuy-quick-view-dropdown__container:not(.visible) { 311 display: none !important; 312 } 313 </style>
313<script>/* >> Heatmap.com :: Snippet << */(function (h,e,a,t,m,ap) { (h._heatmap_paq = []).push([ 'setTrackerUrl', (h.heatUrl = e) + a]); h.hErrorLogs=h.hErrorLogs || []; ap=t.createElement('script'); ap.src=h.heatUrl+'preprocessor.min.js?sid='+m; ap.defer=true; t.head.appendChild(ap); ['error', 'unhandledrejection'].forEach(function (ty) { h.addEventListener(ty, function (et) { h.hErrorLogs.push({ type: ty, event: et }); }); });})(window,'https://dashboard.heatmap.com/','heatmap.php',document,4305);</script>
313<script> 314 window.Shopify = window.Shopify || {theme: {id: 157521051786, role: 'main' } }; 315 window._template = { 316 directory: "", 317 name: "product", 318 suffix: "replo-pdp" 319 }; 320 window.__productIdFromTemplate = 8712112832650; 321 window.__plpCollectionIdFromTemplate = null; 322 window.igProductData = (function() { 323 const data = {};data["8712112832650"] = { 324 productId: 8712112832650, 325 handle: "bookclub", 326 tags: ["Bundle Comparison","template:Kids"], 327 collectionIds: [335422652554,335422816394,324187029642,325587501194,341902557322,341906391178,343023419530,331645321354,331645452426,322963865738,342578036874,343358439562,353438138506,331646271626,318082023562,325520064650,318081302666,336369614986,335427633290,332675776650,332344197258,341876998282,342037168266,318081335434,343024959626,327174619274,342731948170,343349887114], 328 inventory: -1515, 329 lowestVariantPrice: 1999 330 };return data; 331 })(); 332 </script>
332<script type="module" blocking="render" fetchpriority="high" src="https://cdn.intelligems.io/esm/ac7eaaaf86b8/bundle.js" data-em-disable="" async=""></script>
332<meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="theme-color" content=""><link rel="canonical" href="https://www.tuttletwins.com/products/bookclub"><link rel="icon" type="image/png" href="//www.tuttletwins.com/cdn/shop/files/tt_logo_square.png?crop=center&height=32&v=1747862969&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin=""><title> Tuttle Twins Book Club â The Tuttle Twins </title><meta name="description" content="Help your kids join the book club they'll WANT to be part of! Get two books each month from official Tuttle Twins series in this fun Book Club."><meta property="og:site_name" content="The Tuttle Twins"><meta property="og:url" content="https://www.tuttletwins.com/products/bookclub"><meta property="og:title" content="Tuttle Twins Book Club"><meta property="og:type" content="product"><meta property="og:description" content="Help your kids join the book club they'll WANT to be part of! Get two books each month from official Tuttle Twins series in this fun Book Club."><meta property="og:image" content="http://www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428"><meta property="og:image:secure_url" content="https://www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428"><meta property="og:image:width" content="2160"><meta property="og:image:height" content="2160"><meta property="og:price:amount" content="19.99"><meta property="og:price:currency" content="USD"><meta name="twitter:site" content="@https://x.com/tuttletwins"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Tuttle Twins Book Club"><meta name="twitter:description" content="Help your kids join the book club they'll WANT to be part of! Get two books each month from official Tuttle Twins series in this fun Book Club.">
332<script src="//www.tuttletwins.com/cdn/shop/t/158/assets/constants.js?v=132983761750457495441787249516" defer="defer"></script>
332<script src="//www.tuttletwins.com/cdn/shop/t/158/assets/pubsub.js?v=158357773527763999511787249517" defer="defer"></script>
332<script src="//www.tuttletwins.com/cdn/shop/t/158/assets/global.js?v=147958785546299145321787249516" defer="defer"></script>
332<script src="//www.tuttletwins.com/cdn/shop/t/158/assets/details-disclosure.js?v=13653116266235556501787249516" defer="defer"></script>
332<script src="//www.tuttletwins.com/cdn/shop/t/158/assets/details-modal.js?v=25581673532751508451787249516" defer="defer"></script>
332<script src="//www.tuttletwins.com/cdn/shop/t/158/assets/search-form.js?v=133129549252120666541787249522" defer="defer"></script>
332<script src="//www.tuttletwins.com/cdn/shop/t/158/assets/animations.js?v=88693664871331136111787249517" defer="defer"></script>
332<!-- miniOrange ContentRestriction SCRIPT START --><style> 333input[type=password] { 334 width: 100%; 335 padding: 12px 20px; 336 margin: 8px 0; 337 display: inline-block; 338 border: 1px solid #ccc; 339 box-sizing: border-box; 340} 341 342.mo-button { 343 background-color: #000000; 344 color: white; 345 padding: 14px 20px; 346 margin: 8px 0; 347 border: none; 348 cursor: pointer; 349 width: 100%; 350} 351 352.mo-button:hover { 353 opacity: 0.8; 354} 355 356.mo-container { 357 padding: 16px; 358} 359#lockMessage { 360 max-width: 100%; 361 overflow-wrap: break-word; 362} 363 364@media (min-width: 768px) { 365 .mo-container-body { 366 margin: 0; 367 display: flex; 368 justify-content: center; 369 align-items: center; 370 } 371 #lockMessage { 372 max-width: 205px; 373 overflow-wrap: break-word; 374 } 375} 376</style>
376<script> 377function mo_getCookie(cookieName) { 378 let cookie = {}; 379 document.cookie.split(";").forEach(function(el) { 380 let [key,value] = el.split("="); 381 cookie[key.trim()] = value; 382 }) 383 return cookie[cookieName]; 384} 385function mo_setCookie(name,value,days) { 386 var expires = ""; 387 if (days) { 388 var date = new Date(); 389 date.setTime(date.getTime() + (days*24*60*60*1000)); 390 expires = "; expires=" + date.toUTCString(); 391 } 392 document.cookie = name + "=" + (value || "") + expires + "; path=/"; 393} 394function eraseCookie(name) { 395 document.cookie = name +'=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 396} 397</script>
397<!-- miniOrange LOCK START _7400 --><!-- miniOrange LOCK END _7400 --><!-- miniOrange Unpriority Locks START --><!-- miniOrange LOCK START _7400 --><!-- miniOrange LOCK END _7400 --><!-- miniOrange Unpriority Locks END --><!-- miniOrange Priority-Whole-Website Locks START --><!-- miniOrange Priority-Whole-Website Locks END --><!-- miniOrange Priority Locks START --><!-- miniOrange Priority Locks END --><!-- miniOrange hide-prices Locks START --><!-- miniOrange hide-prices Locks END --><!-- miniOrange purchase-form Locks START --><!-- miniOrange purchase-form Locks END --><!-- miniOrange ContentRestriction SCRIPT END -->
397<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
397<meta name="facebook-domain-verification" content="ydpq4kc9upfum03nch88845xmmu5sw"><meta name="google-site-verification" content="-oSaq9XCJc2AG5hCJchmwHOmnUAckA8K0HdjKiOB-6k"><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/65589510282/digital_wallets/dialog"><meta id="in-context-paypal-metadata" data-shop-id="65589510282" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"><link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/json+oembed" href="https://www.tuttletwins.com/products/bookclub.oembed">
397<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=2563965066"></script>
397<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
397<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=2563965066&shop_id=65589510282" crossorigin="anonymous"></script>
397<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":65589510282,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/65589510282","merchantName":"The Tuttle Twins","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"The Tuttle Twins","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
397<script id="shopify-features" type="application/json">{"accessToken":"b15baf66baa09fe58317972a15e0fc3b","betas":["rich-media-storefront-analytics"],"domain":"www.tuttletwins.com","predictiveSearch":true,"shopId":65589510282,"locale":"en"}</script>
397<script>var Shopify = Shopify || {}; 398Shopify.shop = "034c76-74-2.myshopify.com"; 399Shopify.locale = "en"; 400Shopify.currency = {"active":"USD","rate":"1.0"}; 401Shopify.country = "US"; 402Shopify.theme = {"name":"tuttle-twins\/main-8.19.26","id":157521051786,"schema_name":"Dawn","schema_version":"15.2.0","theme_store_id":null,"role":"main"}; 403Shopify.theme.handle = "null"; 404Shopify.theme.style = {"id":null,"handle":null}; 405Shopify.cdnHost = "www.tuttletwins.com/cdn"; 406Shopify.routes = Shopify.routes || {}; 407Shopify.routes.root = "/"; 408Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 409Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 410Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 411Shopify.SignInWithShop.User.recognized = false;</script>
411<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
411<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>
411<script> 412 window.Shopify = window.Shopify || {}; 413 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 414 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 415 window.Shopify.SignInWithShop.eligible = true; 416</script>
416<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
416<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>
416<script type="module"> 417 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 418 419 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 420 421</script>
421<script> 422 window.Shopify = window.Shopify || {}; 423 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 424 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"]}; 425</script>
425<script>(function() { 426 var isLoaded = false; 427 function asyncLoad() { 428 if (isLoaded) return; 429 isLoaded = true; 430 var urls = ["https:\/\/static.rechargecdn.com\/assets\/js\/widget.min.js?shop=034c76-74-2.myshopify.com","https:\/\/cdn.rebuyengine.com\/onsite\/js\/rebuy.js?shop=034c76-74-2.myshopify.com","\/\/cdn.shopify.com\/proxy\/add7f889bc95859c3626a8c921d48e43931b39ca4448672d374d1a99c5704e75\/s3-us-west-2.amazonaws.com\/jsstore\/a\/V3VH208\/reids.js?shop=034c76-74-2.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","\/\/cdn.shopify.com\/proxy\/2f758e95234c5383dcf365cc8bffdb4d1a884d20e871e8f4b45b102825b748f0\/app.retention.com\/shopify\/shopify_app_add_to_cart_script.js?shop=034c76-74-2.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/cdn.attn.tv\/tuttletwins\/dtag.js?shop=034c76-74-2.myshopify.com","https:\/\/spfy-pxl.archive-digger.com\/assets\/script_tag.js?shopId=034c76-74-2.myshopify.com\u0026taboolaId=1881170\u0026espd=true\u0026ecav=true\u0026eh=true\u0026ess=true\u0026ep=true\u0026eatc=true\u0026eprv=true\u0026ecv=true\u0026epv=true\u0026esc=true\u0026shop=034c76-74-2.myshopify.com","https:\/\/034c76-74-2.classwallet.org\/api\/snippet?shop=034c76-74-2.myshopify.com","https:\/\/static.fbot.me\/shopify\/friendbuy-shopify.js?merchantId=638b8260-5ecd-4709-91ec-ee5117b68c03\u0026shop=034c76-74-2.myshopify.com","https:\/\/cdn.rebuyengine.com\/onsite\/js\/rebuy.js?shop=034c76-74-2.myshopify.com","https:\/\/cdn.rebuyengine.com\/onsite\/js\/rebuy.js?shop=034c76-74-2.myshopify.com","https:\/\/cdn.rebuyengine.com\/onsite\/js\/rebuy.js?shop=034c76-74-2.myshopify.com","https:\/\/cdn.rebuyengine.com\/onsite\/js\/rebuy.js?shop=034c76-74-2.myshopify.com","https:\/\/cdn.rebuyengine.com\/onsite\/js\/rebuy.js?shop=034c76-74-2.myshopify.com","https:\/\/cdn.rebuyengine.com\/onsite\/js\/rebuy.js?shop=034c76-74-2.myshopify.com","https:\/\/cdn.rebuyengine.com\/onsite\/js\/rebuy.js?shop=034c76-74-2.myshopify.com","https:\/\/cdn.rebuyengine.com\/onsite\/js\/rebuy.js?shop=034c76-74-2.myshopify.com","\/\/cdn.shopify.com\/proxy\/70243f7cccc7d903d1a25fae8ef4571257f19ebc4b182505d96973df3e797a0f\/cdn.usemonocle.com\/store-embed\/index.js?loading_source=script_tag\/\u0026shop=034c76-74-2.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/api-na1.hubapi.com\/scriptloader\/v1\/8733341.js?shop=034c76-74-2.myshopify.com","https:\/\/cdn.instant.one\/instant.js?siteId=site_65c515158d834e11a7134d74f76b6242\u0026shop=034c76-74-2.myshopify.com"]; 431 for (var i = 0; i < urls.length; i++) { 432 var s = document.createElement('script'); 433 s.type = 'text/javascript'; 434 s.async = true; 435 s.src = urls[i]; 436 var x = document.getElementsByTagName('script')[0]; 437 x.parentNode.insertBefore(s, x); 438 } 439 }; 440 if(window.attachEvent) { 441 window.attachEvent('onload', asyncLoad); 442 } else { 443 window.addEventListener('load', asyncLoad, false); 444 } 445})();</script>
445<script id="__st">var __st={"a":65589510282,"offset":-21600,"reqid":"9d3add6c-f94c-40ce-9a46-31146f676ad1-1790894975","pageurl":"www.tuttletwins.com\/products\/bookclub","u":"6db1461e5e17","p":"product","rtyp":"product","rid":8712112832650};</script>
445<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
445<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>
445<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.tuttletwins.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
445<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 = "//www.tuttletwins.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>
445<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>
445<script> 446 window.Shopify = window.Shopify || {}; 447 window.Shopify.MCP = window.Shopify.MCP || {}; 448 window.Shopify.MCP.enabled = true; 449 window.Shopify.MCP.shop = "034c76-74-2.myshopify.com"; 450 window.Shopify.MCP.mcpEndpoint = "https:\/\/www.tuttletwins.com\/api\/mcp"; 451 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"]}}]; 452</script>
452<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("\/\/www.tuttletwins.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 453</script>
453<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://www.tuttletwins.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 454</script>
454<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 455 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); 456</script>
456<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})}})); 457</script>
457<script integrity="sha256-/LA1C2Bx6899fYCos0FS9qLj2opaGFm7AXrTUvBEb4s=" data-source-attribution="shopify.remote_product_tracking" data-shopify-remote-tracking='{"session_id":"01M3WTG2A2RFTQ4V81QMYGFR0N","publisher_shop_id":65589510282,"theme_id":157521051786,"theme_published":true,"theme_store_id":0,"placement":"collection","event_data":{"source_product_id":8712112832650,"handle":"bookclub","page_type":"product"},"recommendations_tracking_enabled":true}' defer="defer" src="//www.tuttletwins.com/cdn/shopifycloud/storefront/assets/storefront/remote_product_tracking-91d95044.js" crossorigin="anonymous"></script>
457<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.tuttletwins.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"><style id="shopify-accelerated-checkout-cart"> 458 #shopify-buyer-consent { 459 margin-top: 1em; 460 display: inline-block; 461 width: 100%; 462} 463 464#shopify-buyer-consent.hidden { 465 display: none; 466} 467 468#shopify-subscription-policy-button { 469 background: none; 470 border: none; 471 padding: 0; 472 text-decoration: underline; 473 font-size: inherit; 474 cursor: pointer; 475} 476 477#shopify-subscription-policy-button::before { 478 box-shadow: none; 479} 480 481 </style>
481<script id="sections-script" data-sections="header" defer="defer" src="//www.tuttletwins.com/cdn/shop/t/158/compiled_assets/scripts.js?v=109205214471412514431790613402"></script>
481<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
481<!-- "snippets/shogun-products.liquid" was not rendered, the associated app was uninstalled --><style data-shopify=""> 482 @font-face { 483 font-family: Poppins; 484 font-weight: 400; 485 font-style: normal; 486 font-display: swap; 487 src: url("//www.tuttletwins.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2") format("woff2"), 488 url("//www.tuttletwins.com/cdn/fonts/poppins/poppins_n4.214741a72ff2596839fc9760ee7a770386cf16ca.woff") format("woff"); 489} 490 491 @font-face { 492 font-family: Poppins; 493 font-weight: 500; 494 font-style: normal; 495 font-display: swap; 496 src: url("//www.tuttletwins.com/cdn/fonts/poppins/poppins_n5.ad5b4b72b59a00358afc706450c864c3c8323842.woff2") format("woff2"), 497 url("//www.tuttletwins.com/cdn/fonts/poppins/poppins_n5.33757fdf985af2d24b32fcd84c9a09224d4b2c39.woff") format("woff"); 498} 499 500 @font-face { 501 font-family: Poppins; 502 font-weight: 600; 503 font-style: normal; 504 font-display: swap; 505 src: url("//www.tuttletwins.com/cdn/fonts/poppins/poppins_n6.aa29d4918bc243723d56b59572e18228ed0786f6.woff2") format("woff2"), 506 url("//www.tuttletwins.com/cdn/fonts/poppins/poppins_n6.5f815d845fe073750885d5b7e619ee00e8111208.woff") format("woff"); 507} 508 509 @font-face { 510 font-family: Poppins; 511 font-weight: 700; 512 font-style: normal; 513 font-display: swap; 514 src: url("//www.tuttletwins.com/cdn/fonts/poppins/poppins_n7.56758dcf284489feb014a026f3727f2f20a54626.woff2") format("woff2"), 515 url("//www.tuttletwins.com/cdn/fonts/poppins/poppins_n7.f34f55d9b3d3205d2cd6f64955ff4b36f0cfd8da.woff") format("woff"); 516} 517 518 519 520 :root, 521 .color-scheme-1 { 522 --color-background: 255,255,255; 523 524 --gradient-background: #ffffff; 525 526 527 528 529 --color-foreground: 63,57,57; 530 --color-background-contrast: 191,191,191; 531 --color-shadow: 63,57,57; 532 --color-button: 218,88,70; 533 --color-button-text: 255,255,255; 534 --color-secondary-button: 255,255,255; 535 --color-secondary-button-text: 63,57,57; 536 --color-link: 63,57,57; 537 --color-badge-foreground: 63,57,57; 538 --color-badge-background: 255,255,255; 539 --color-badge-border: 63,57,57; 540 --payment-terms-background-color: rgb(255 255 255); 541 } 542 543 544 .color-scheme-2 { 545 --color-background: 4,174,216; 546 547 --gradient-background: #04aed8; 548 549 550 551 552 --color-foreground: 255,255,255; 553 --color-background-contrast: 2,73,91; 554 --color-shadow: 63,57,57; 555 --color-button: 218,88,70; 556 --color-button-text: 255,255,255; 557 --color-secondary-button: 4,174,216; 558 --color-secondary-button-text: 255,255,255; 559 --color-link: 255,255,255; 560 --color-badge-foreground: 255,255,255; 561 --color-badge-background: 4,174,216; 562 --color-badge-border: 255,255,255; 563 --payment-terms-background-color: rgb(4 174 216); 564 } 565 566 567 .color-scheme-3 { 568 --color-background: 255,208,90; 569 570 --gradient-background: #ffd05a; 571 572 573 574 575 --color-foreground: 63,57,57; 576 --color-background-contrast: 218,156,0; 577 --color-shadow: 63,57,57; 578 --color-button: 218,88,70; 579 --color-button-text: 255,255,255; 580 --color-secondary-button: 255,208,90; 581 --color-secondary-button-text: 63,57,57; 582 --color-link: 63,57,57; 583 --color-badge-foreground: 63,57,57; 584 --color-badge-background: 255,208,90; 585 --color-badge-border: 63,57,57; 586 --payment-terms-background-color: rgb(255 208 90); 587 } 588 589 590 .color-scheme-4 { 591 --color-background: 63,57,57; 592 593 --gradient-background: #3f3939; 594 595 596 597 598 --color-foreground: 255,255,255; 599 --color-background-contrast: 76,69,69; 600 --color-shadow: 63,57,57; 601 --color-button: 218,88,70; 602 --color-button-text: 255,255,255; 603 --color-secondary-button: 63,57,57; 604 --color-secondary-button-text: 255,255,255; 605 --color-link: 255,255,255; 606 --color-badge-foreground: 255,255,255; 607 --color-badge-background: 63,57,57; 608 --color-badge-border: 255,255,255; 609 --payment-terms-background-color: rgb(63 57 57); 610 } 611 612 613 .color-scheme-5 { 614 --color-background: 188,236,246; 615 616 --gradient-background: #bcecf6; 617 618 619 620 621 --color-foreground: 63,57,57; 622 --color-background-contrast: 76,204,231; 623 --color-shadow: 63,57,57; 624 --color-button: 218,88,70; 625 --color-button-text: 255,255,255; 626 --color-secondary-button: 188,236,246; 627 --color-secondary-button-text: 63,57,57; 628 --color-link: 63,57,57; 629 --color-badge-foreground: 63,57,57; 630 --color-badge-background: 188,236,246; 631 --color-badge-border: 63,57,57; 632 --payment-terms-background-color: rgb(188 236 246); 633 } 634 635 636 .color-scheme-61c8710f-e6dd-48e9-afb8-a755a8b5b4c3 { 637 --color-background: 4,174,216; 638 639 --gradient-background: #04aed8; 640 641 642 643 644 --color-foreground: 63,57,57; 645 --color-background-contrast: 2,73,91; 646 --color-shadow: 63,57,57; 647 --color-button: 218,88,70; 648 --color-button-text: 255,255,255; 649 --color-secondary-button: 4,174,216; 650 --color-secondary-button-text: 63,57,57; 651 --color-link: 63,57,57; 652 --color-badge-foreground: 63,57,57; 653 --color-badge-background: 4,174,216; 654 --color-badge-border: 63,57,57; 655 --payment-terms-background-color: rgb(4 174 216); 656 } 657 658 659 .color-scheme-9b83f20c-1c44-44a7-9cd9-894083cef912 { 660 --color-background: 218,88,70; 661 662 --gradient-background: #da5846; 663 664 665 666 667 --color-foreground: 63,57,57; 668 --color-background-contrast: 134,40,27; 669 --color-shadow: 63,57,57; 670 --color-button: 255,255,255; 671 --color-button-text: 218,88,70; 672 --color-secondary-button: 218,88,70; 673 --color-secondary-button-text: 63,57,57; 674 --color-link: 63,57,57; 675 --color-badge-foreground: 63,57,57; 676 --color-badge-background: 218,88,70; 677 --color-badge-border: 63,57,57; 678 --payment-terms-background-color: rgb(218 88 70); 679 } 680 681 682 body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-61c8710f-e6dd-48e9-afb8-a755a8b5b4c3, .color-scheme-9b83f20c-1c44-44a7-9cd9-894083cef912 { 683 color: rgba(var(--color-foreground), 1); 684 background-color: rgb(var(--color-background)); 685 } 686 687 :root { 688 --primary-yellow: 255,208,90; 689 --primary-orange: 218,88,70; 690 --primary-blue: 4,174,216; 691 --primary-light-blue: 188,236,246; 692 --secondary-orange: 248,173,66; 693 --secondary-purple: 203,128,193; 694 --secondary-brown: 63,57,57; 695 --secondary-green: 175,200,86; 696 697 --font-body-family: Poppins, sans-serif; 698 --font-body-style: normal; 699 --font-body-weight: 400; 700 --font-body-weight-bold: 700; 701 702 --font-heading-family: Poppins, sans-serif; 703 --font-heading-style: normal; 704 --font-heading-weight: 700; 705 706 --font-body-scale: 1.0; 707 --font-heading-scale: 1.0; 708 709 --media-padding: px; 710 --media-border-opacity: 0.05; 711 --media-border-width: 1px; 712 --media-radius: 0px;
713 --media-shadow-opacity: 0.0; 714 --media-shadow-horizontal-offset: 0px; 715 --media-shadow-vertical-offset: 4px; 716 --media-shadow-blur-radius: 5px; 717 --media-shadow-visible: 0; 718 719 --page-width: 130rem; 720 --page-width-margin: 0rem; 721 722 --product-card-image-padding: 0.0rem; 723 --product-card-corner-radius: 0.0rem; 724 --product-card-text-alignment: left; 725 --product-card-border-width: 0.0rem; 726 --product-card-border-opacity: 0.1; 727 --product-card-shadow-opacity: 0.0; 728 --product-card-shadow-visible: 0; 729 --product-card-shadow-horizontal-offset: 0.0rem; 730 --product-card-shadow-vertical-offset: 0.4rem; 731 --product-card-shadow-blur-radius: 0.5rem; 732 733 --collection-card-image-padding: 0.0rem; 734 --collection-card-corner-radius: 0.0rem; 735 --collection-card-text-alignment: left; 736 --collection-card-border-width: 0.0rem; 737 --collection-card-border-opacity: 0.1; 738 --collection-card-shadow-opacity: 0.0; 739 --collection-card-shadow-visible: 0; 740 --collection-card-shadow-horizontal-offset: 0.0rem; 741 --collection-card-shadow-vertical-offset: 0.4rem; 742 --collection-card-shadow-blur-radius: 0.5rem; 743 744 --blog-card-image-padding: 0.0rem; 745 --blog-card-corner-radius: 0.0rem; 746 --blog-card-text-alignment: left; 747 --blog-card-border-width: 0.0rem; 748 --blog-card-border-opacity: 0.1; 749 --blog-card-shadow-opacity: 0.0; 750 --blog-card-shadow-visible: 0; 751 --blog-card-shadow-horizontal-offset: 0.0rem; 752 --blog-card-shadow-vertical-offset: 0.4rem; 753 --blog-card-shadow-blur-radius: 0.5rem; 754 755 --badge-corner-radius: 4.0rem; 756 757 --popup-border-width: 1px; 758 --popup-border-opacity: 0.1; 759 --popup-corner-radius: 0px; 760 --popup-shadow-opacity: 0.05; 761 --popup-shadow-horizontal-offset: 0px; 762 --popup-shadow-vertical-offset: 4px; 763 --popup-shadow-blur-radius: 5px; 764 765 --drawer-border-width: 1px; 766 --drawer-border-opacity: 0.1; 767 --drawer-shadow-opacity: 0.0; 768 --drawer-shadow-horizontal-offset: 0px; 769 --drawer-shadow-vertical-offset: 4px; 770 --drawer-shadow-blur-radius: 5px; 771 772 --spacing-sections-desktop: 0px; 773 --spacing-sections-mobile: 0px; 774 775 --grid-desktop-vertical-spacing: 32px; 776 --grid-desktop-horizontal-spacing: 32px; 777 --grid-mobile-vertical-spacing: 16px; 778 --grid-mobile-horizontal-spacing: 16px; 779 780 --text-boxes-border-opacity: 0.1; 781 --text-boxes-border-width: 0px; 782 --text-boxes-radius: 0px; 783 --text-boxes-shadow-opacity: 0.0; 784 --text-boxes-shadow-visible: 0; 785 --text-boxes-shadow-horizontal-offset: 0px; 786 --text-boxes-shadow-vertical-offset: 4px; 787 --text-boxes-shadow-blur-radius: 5px; 788 789 --buttons-radius: 40px; 790 --buttons-radius-outset: 41px; 791 --buttons-border-width: 1px; 792 --buttons-border-opacity: 1.0; 793 --buttons-shadow-opacity: 0.0; 794 --buttons-shadow-visible: 0; 795 --buttons-shadow-horizontal-offset: 0px; 796 --buttons-shadow-vertical-offset: 4px; 797 --buttons-shadow-blur-radius: 5px; 798 --buttons-border-offset: 0.3px; 799 800 --inputs-radius: 6px; 801 --inputs-border-width: 1px; 802 --inputs-border-opacity: 0.55; 803 --inputs-shadow-opacity: 0.0; 804 --inputs-shadow-horizontal-offset: 0px; 805 --inputs-margin-offset: 0px; 806 --inputs-shadow-vertical-offset: 4px; 807 --inputs-shadow-blur-radius: 5px; 808 --inputs-radius-outset: 7px; 809 810 --variant-pills-radius: 40px; 811 --variant-pills-border-width: 1px; 812 --variant-pills-border-opacity: 0.55; 813 --variant-pills-shadow-opacity: 0.0; 814 --variant-pills-shadow-horizontal-offset: 0px; 815 --variant-pills-shadow-vertical-offset: 4px; 816 --variant-pills-shadow-blur-radius: 5px; 817 } 818 819 *, 820 *::before, 821 *::after { 822 box-sizing: inherit; 823 } 824 825 html { 826 box-sizing: border-box; 827 font-size: calc(var(--font-body-scale) * 62.5%); 828 height: 100%; 829 scroll-behavior: smooth; 830 } 831 832 body { 833 display: grid; 834 grid-template-rows: auto auto 1fr auto; 835 grid-template-columns: 100%; 836 margin: 0; 837 font-size: 1.5rem; 838 letter-spacing: 0; 839 line-height: calc(1 + 0.4 / var(--font-body-scale)); 840 font-family: var(--font-body-family); 841 font-style: var(--font-body-style); 842 font-weight: var(--font-body-weight); 843 display: flex; 844 flex-direction: column; 845 min-height: 100vh; 846 } 847 848 main { 849 flex: auto; 850 } 851 852 @media screen and (min-width: 750px) { 853 body { 854 font-size: 1.6rem; 855 } 856 } 857 </style><link href="//www.tuttletwins.com/cdn/shop/t/158/assets/base.css?v=175731573071175832171787249518" rel="stylesheet" type="text/css" media="all"><link href="//www.tuttletwins.com/cdn/shop/t/158/assets/ssky.css?v=179500637011316509991787249516" rel="stylesheet" type="text/css" media="all"><link href="//www.tuttletwins.com/cdn/shop/t/158/assets/section-image-banner.css?v=116397371779373813061787249517" rel="stylesheet" type="text/css" media="all"><link href="//www.tuttletwins.com/cdn/shop/t/158/assets/swiper.min.css?v=87766135802466555311787249517" rel="stylesheet" type="text/css" media="all"><link href="//www.tuttletwins.com/cdn/shop/t/158/assets/sections-homepage-redesign.css?v=15659332739917511141787249515" rel="stylesheet" type="text/css" media="all"><link rel="stylesheet" href="//www.tuttletwins.com/cdn/shop/t/158/assets/component-cart-items.css?v=123238115697927560811787249519" media="print" onload="this.media='all'"><link rel="preload" as="font" href="//www.tuttletwins.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2" type="font/woff2" crossorigin=""><link rel="preload" as="font" href="//www.tuttletwins.com/cdn/fonts/poppins/poppins_n7.56758dcf284489feb014a026f3727f2f20a54626.woff2" type="font/woff2" crossorigin=""><link href="//www.tuttletwins.com/cdn/shop/t/158/assets/component-localization-form.css?v=17208135613050061121787249515" rel="stylesheet" type="text/css" media="all">
857<script src="//www.tuttletwins.com/cdn/shop/t/158/assets/localization-form.js?v=144176611646395275351787249518" defer="defer"></script>
857<link rel="stylesheet" href="//www.tuttletwins.com/cdn/shop/t/158/assets/component-predictive-search.css?v=159943082179479052541787249518" media="print" onload="this.media='all'">
857<script> 858 if (Shopify.designMode) { 859 document.documentElement.classList.add('shopify-design-mode'); 860 } 861 </script>
861<script src="//www.tuttletwins.com/cdn/shop/t/158/assets/jquery-3.7.1.min.js?v=158417595810649192771787249516" defer=""></script>
861<script src="//www.tuttletwins.com/cdn/shop/t/158/assets/lity.min.js?v=3011890149140136151787249517" defer=""></script>
861<script src="//www.tuttletwins.com/cdn/shop/t/158/assets/swiper.min.js?v=104312064931231207321787249517" defer=""></script>
861<link rel="stylesheet" href="//www.tuttletwins.com/cdn/shop/t/158/assets/lity.min.css?v=144058161171479091931787249517"><!-- "snippets/shogun-head.liquid" was not rendered, the associated app was uninstalled --><style> 862@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap'); 863</style><!-- Ahrefs snippet START -->
863<script src="https://analytics.ahrefs.com/analytics.js" data-key="HXsl6Cm3Q2VxjtnKw112zg" async=""></script>
863<!-- Ahrefs END --><style> 864 /* Shared Courses Plus presentation card: fit narrow course and modal views. */ 865 @media (max-width: 600px) { 866 #appendLesson div[style*="display: flex"]:has(> div > a[href*="drive.google.com/file/"]) { flex-direction: column !important; gap: 12px !important; padding: 20px 16px !important; width: 100%; max-width: 100%; box-sizing: border-box; text-align: center; } 867 #appendLesson div[style*="display: flex"]:has(> div > a[href*="drive.google.com/file/"]) > span[aria-hidden="true"] { display: none !important; } 868 #appendLesson div[style*="display: flex"]:has(> div > a[href*="drive.google.com/file/"]) > div { min-width: 0; max-width: 100%; } 869 #appendLesson div[style*="display: flex"]:has(> div > a[href*="drive.google.com/file/"]) > div[aria-hidden="true"] { font-size: 32px !important; line-height: 1.2; } 870 #appendLesson div[style*="display: flex"]:has(> div > a[href*="drive.google.com/file/"]) > div > div { font-size: 18px !important; line-height: 1.35 !important; overflow-wrap: anywhere; } 871 #appendLesson div[style*="display: flex"]:has(> div > a[href*="drive.google.com/file/"]) > div > a { font-size: 17px !important; line-height: 1.4 !important; margin-top: 8px !important; } 872 } 873 </style><!-- BEGIN app block: shopify://apps/triplewhale/blocks/triple_pixel_snippet/483d496b-3f1a-4609-aea7-8eee3b6b7a2a --><link rel="preconnect dns-prefetch" href="https://api.config-security.com/" crossorigin=""><link rel="preconnect dns-prefetch" href="https://conf.config-security.com/" crossorigin="">
873<script> 874/* >> TriplePixel :: start*/ 875window.TriplePixelData={TripleName:"034c76-74-2.myshopify.com",ver:"2.16",plat:"SHOPIFY",isHeadless:false,src:'SHOPIFY_EXT',product:{id:"8712112832650",name:`Tuttle Twins Book Club`,price:"19.99",variant:"47235382149258",av:{ "47235382149258":true }},search:"",collection:"",cart:"notification",template:"product",curr:"USD" || "USD", market:"40076345482"},function(W,H,A,L,E,_,B,N){function O(U,T,P,H,R){void 0===R&&(R=!1),H=new XMLHttpRequest,P?(H.open("POST",U,!0),H.setRequestHeader("Content-Type","text/plain")):H.open("GET",U,!0),H.send(JSON.stringify(P||{})),H.onreadystatechange=function(){4===H.readyState&&200===H.status?(R=H.responseText,U.includes("/first")?eval(R):P||(N[B]=R)):(299<H.status||H.status<200)&&T&&!R&&(R=!0,O(U,T-1,P))}}if(N=window,!N[H+"sn"]){N[H+"sn"]=1,L=function(){return Date.now().toString(36)+"_"+Math.random().toString(36)};try{A.setItem(H,1+(0|A.getItem(H)||0)),(E=JSON.parse(A.getItem(H+"U")||"[]")).push({u:location.href,r:document.referrer,t:Date.now(),id:L()}),A.setItem(H+"U",JSON.stringify(E))}catch(e){}var i,m,p;A.getItem('"!nC`')||(_=A,A=N,A[H]||(E=A[H]=function(t,e,i){return void 0===i&&(i=[]),"State"==t?E.s:(W=L(),(E._q=E._q||[]).push([W,t,e].concat(i)),W)},E.s="Installed",E._q=[],E.ch=W,B="configSecurityConfModel",N[B]=1,O("https://conf.config-security.com/model",5),i=L(),m=A[atob("c2NyZWVu")],_.setItem("di_pmt_wt",i),p={id:i,action:"profile",avatar:_.getItem("auth-security_rand_salt_"),time:m[atob("d2lkdGg=")]+":"+m[atob("aGVpZ2h0")],host:A.TriplePixelData.TripleName,plat:A.TriplePixelData.plat,url:window.location.href.slice(0,500),ref:document.referrer,ver:A.TriplePixelData.ver},O("https://api.config-security.com/event",5,p),O("https://api.config-security.com/first?host=".concat(p.host,"&plat=").concat(p.plat),5)))}}("","TriplePixel",localStorage); 876/* << TriplePixel :: end*/ 877</script>
877<!-- END app block --><!-- BEGIN app block: shopify://apps/attentive/blocks/attn-tag/8df62c72-8fe4-407e-a5b3-72132be30a0d -->
877<script type="text/javascript" src="https://jbsdc.tuttletwins.com/providers/atLabel/load" onerror=" var fallbackScript = document.createElement('script'); fallbackScript.src = 'https://cdn.attn.tv/tuttletwins/dtag.js'; document.head.appendChild(fallbackScript);" data-source="loaded?source=app-embed" defer="defer"></script>
877<!-- END app block --><!-- BEGIN app block: shopify://apps/rebuy-personalization-engine/blocks/rebuy-global-embed/a26ae9b9-933b-40bf-bbc6-bf1220bbc4dc -->
877<script> 878 window.Rebuy = window.Rebuy || {}; 879 window.Rebuy.customer = window.Rebuy.customer || {}; 880 881 window.Rebuy.market = window.Rebuy.market || {}; 882 883 window.Rebuy.market.country = "US"; 884 885 886 window.Rebuy.market.locale = "en"; 887 888</script>
888<!-- END app block --><!-- BEGIN app block: shopify://apps/elevar-conversion-tracking/blocks/dataLayerEmbed/bc30ab68-b15c-4311-811f-8ef485877ad6 --><!-- END app block --><!-- BEGIN app block: shopify://apps/gorgias-live-chat-helpdesk/blocks/gorgias/a66db725-7b96-4e3f-916e-6c8e6f87aaaa -->
888<script defer="" data-gorgias-loader-chat="" src="https://config.gorgias.chat/bundle-loader/shopify/034c76-74-2.myshopify.com"></script>
888<script defer="" data-gorgias-loader-convert="" src="https://content.9gtb.com/loader.js"></script>
888<script defer="" data-gorgias-loader-mailto-replace="" src="https://config.gorgias.help/api/contact-forms/replace-mailto-script.js?shopName=034c76-74-2"></script>
888<!-- END app block --><!-- BEGIN app block: shopify://apps/mntn/blocks/tracking-pixel/d40b5b2f-bf84-4a06-b576-832ad24a8652 --><!-- MNTN Tracking Pixel Start -->
888<script id="mntn_tracking_pixel" type="text/javascript"> 889const isUSShopper = window.Shopify && window.Shopify.country === "US"; 890 891if (!window.Shopify || isUSShopper) { 892 (function(){"use strict";var e=null,b="4.0.0", 893 n="45985", 894 additional="term=value", 895 t,r,i;try{t=top.document.referer!==""?encodeURIComponent(top.document.referrer.substring(0,2048)):""}catch(o){t=document.referrer!==null?document.referrer.toString().substring(0,2048):""}try{r=window&&window.top&&document.location&&window.top.location===document.location?document.location:window&&window.top&&window.top.location&&""!==window.top.location?window.top.location:document.location}catch(u){r=document.location}try{i=parent.location.href!==""?encodeURIComponent(parent.location.href.toString().substring(0,2048)):""}catch(a){try{i=r!==null?encodeURIComponent(r.toString().substring(0,2048)):""}catch(f){i=""}}var l,c=document.createElement("script"),h=null,p=document.getElementsByTagName("script"),d=Number(p.length)-1,v=document.getElementsByTagName("script")[d];if(typeof l==="undefined"){l=Math.floor(Math.random()*1e17)}h="dx.mountain.com/spx?"+"dxver="+b+"&shaid="+n+"&tdr="+t+"&plh="+i+"&cb="+l+additional;c.type="text/javascript";
895c.src=("https:"===document.location.protocol?"https://":"http://")+h;v.parentNode.insertBefore(c,v)})() 896} 897</script>
897<!-- MNTN Tracking Pixel End --><!-- MNTN DataLayer Start --><!-- MNTN DataLayer End --><!-- END app block --><!-- BEGIN app block: shopify://apps/okendo/blocks/theme-settings/bb689e69-ea70-4661-8fb7-ad24a2e23c29 --><!-- BEGIN app snippet: header-metafields --><style data-oke-reviews-version="0.98.0" type="text/css" data-href="https://cdn-static.okendo.io/reviews-widget-plus/css/okendo-reviews-styles.6dbb2446.css"></style><style data-oke-reviews-version="0.98.0" type="text/css" data-href="https://cdn-static.okendo.io/reviews-widget-plus/css/modules/okendo-star-rating.4cb378a8.css"></style><style data-oke-reviews-version="0.98.0" type="text/css" data-href="https://cdn-static.okendo.io/reviews-widget-plus/css/modules/okendo-reviews-keywords.0942444f.css"></style><style data-oke-reviews-version="0.98.0" type="text/css" data-href="https://cdn-static.okendo.io/reviews-widget-plus/css/modules/okendo-reviews-summary.a0c9d7d6.css"></style><style type="text/css">.okeReviews[data-oke-container],div.okeReviews{font-size:14px;font-size:var(--oke-text-regular);font-weight:400;font-family:var(--oke-text-fontFamily);line-height:1.6}.okeReviews[data-oke-container] *,.okeReviews[data-oke-container] :after,.okeReviews[data-oke-container] :before,div.okeReviews *,div.okeReviews :after,div.okeReviews :before{box-sizing:border-box}.okeReviews[data-oke-container] h1,.okeReviews[data-oke-container] h2,.okeReviews[data-oke-container] h3,.okeReviews[data-oke-container] h4,.okeReviews[data-oke-container] h5,.okeReviews[data-oke-container] h6,div.okeReviews h1,div.okeReviews h2,div.okeReviews h3,div.okeReviews h4,div.okeReviews h5,div.okeReviews h6{font-size:1em;font-weight:400;line-height:1.4;margin:0}.okeReviews[data-oke-container] ul,div.okeReviews ul{padding:0;margin:0}.okeReviews[data-oke-container] li,div.okeReviews li{list-style-type:none;padding:0}.okeReviews[data-oke-container] p,div.okeReviews p{line-height:1.8;margin:0 0 4px}.okeReviews[data-oke-container] p:last-child,div.okeReviews p:last-child{margin-bottom:0}.okeReviews[data-oke-container] a,div.okeReviews a{text-decoration:none;color:inherit}.okeReviews[data-oke-container] button,div.okeReviews button{border-radius:0;border:0;box-shadow:none;margin:0;width:auto;min-width:auto;padding:0;background-color:transparent;min-height:auto}.okeReviews[data-oke-container] button,.okeReviews[data-oke-container] input,.okeReviews[data-oke-container] select,.okeReviews[data-oke-container] textarea,div.okeReviews button,div.okeReviews input,div.okeReviews select,div.okeReviews textarea{font-family:inherit;font-size:1em}.okeReviews[data-oke-container] label,.okeReviews[data-oke-container] select,div.okeReviews label,div.okeReviews select{display:inline}.okeReviews[data-oke-container] select,div.okeReviews select{width:auto}.okeReviews[data-oke-container] article,.okeReviews[data-oke-container] aside,div.okeReviews article,div.okeReviews aside{margin:0}.okeReviews[data-oke-container] table,div.okeReviews table{background:transparent;border:0;border-collapse:collapse;border-spacing:0;font-family:inherit;font-size:1em;table-layout:auto}.okeReviews[data-oke-container] table td,.okeReviews[data-oke-container] table th,.okeReviews[data-oke-container] table tr,div.okeReviews table td,div.okeReviews table th,div.okeReviews table tr{border:0;font-family:inherit;font-size:1em}.okeReviews[data-oke-container] table td,.okeReviews[data-oke-container] table th,div.okeReviews table td,div.okeReviews table th{background:transparent;font-weight:400;letter-spacing:normal;padding:0;text-align:left;text-transform:none;vertical-align:middle}.okeReviews[data-oke-container] table tr:hover td,.okeReviews[data-oke-container] table tr:hover th,div.okeReviews table tr:hover td,div.okeReviews table tr:hover th{background:transparent}.okeReviews[data-oke-container] fieldset,div.okeReviews fieldset{border:0;padding:0;margin:0;min-width:0}.okeReviews[data-oke-container] img,.okeReviews[data-oke-container] svg,div.okeReviews img,div.okeReviews svg{max-width:none}.okeReviews[data-oke-container] div:empty,div.okeReviews div:empty{display:block}.okeReviews[data-oke-container] .oke-icon:before,div.okeReviews .oke-icon:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:inherit}.okeReviews[data-oke-container] .oke-icon--select-arrow:before,div.okeReviews .oke-icon--select-arrow:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--loading:before,div.okeReviews .oke-icon--loading:before{content:"î¤"}
897.okeReviews[data-oke-container] .oke-icon--pencil:before,div.okeReviews .oke-icon--pencil:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--filter:before,div.okeReviews .oke-icon--filter:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--play:before,div.okeReviews .oke-icon--play:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--tick-circle:before,div.okeReviews .oke-icon--tick-circle:before{content:"î¤
"}.okeReviews[data-oke-container] .oke-icon--chevron-left:before,div.okeReviews .oke-icon--chevron-left:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--chevron-right:before,div.okeReviews .oke-icon--chevron-right:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--thumbs-down:before,div.okeReviews .oke-icon--thumbs-down:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--thumbs-up:before,div.okeReviews .oke-icon--thumbs-up:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--close:before,div.okeReviews .oke-icon--close:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--chevron-up:before,div.okeReviews .oke-icon--chevron-up:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--chevron-down:before,div.okeReviews .oke-icon--chevron-down:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--star:before,div.okeReviews .oke-icon--star:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--magnifying-glass:before,div.okeReviews .oke-icon--magnifying-glass:before{content:"î¤"}@font-face{font-family:oke-widget-icons;src:url(https://cdn-static.okendo.io/reviews-widget-plus/fonts/oke-widget-icons.ttf) format("truetype"),url(https://cdn-static.okendo.io/reviews-widget-plus/fonts/oke-widget-icons.woff) format("woff"),url(https://cdn-static.okendo.io/reviews-widget-plus/img/oke-widget-icons.bc0d6b0a.svg) format("svg");font-weight:400;font-style:normal;font-display:swap}.okeReviews[data-oke-container] .oke-button,div.okeReviews .oke-button{display:inline-block;border-style:solid;border-color:var(--oke-button-borderColor);border-width:var(--oke-button-borderWidth);background-color:var(--oke-button-backgroundColor);line-height:1;padding:12px 24px;margin:0;border-radius:var(--oke-button-borderRadius);color:var(--oke-button-textColor);text-align:center;position:relative;font-weight:var(--oke-button-fontWeight);font-size:var(--oke-button-fontSize);font-family:var(--oke-button-fontFamily);outline:0}.okeReviews[data-oke-container] .oke-button-text,.okeReviews[data-oke-container] .oke-button .oke-icon,div.okeReviews .oke-button-text,div.okeReviews .oke-button .oke-icon{line-height:1}.okeReviews[data-oke-container] .oke-button.oke-is-loading,div.okeReviews .oke-button.oke-is-loading{position:relative}.okeReviews[data-oke-container] .oke-button.oke-is-loading:before,div.okeReviews .oke-button.oke-is-loading:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"î¤";color:undefined;font-size:12px;display:inline-block;animation:oke-spin 1s linear infinite;position:absolute;width:12px;height:12px;top:0;left:0;bottom:0;right:0;margin:auto}.okeReviews[data-oke-container] .oke-button.oke-is-loading>*,div.okeReviews .oke-button.oke-is-loading>*{opacity:0}.okeReviews[data-oke-container] .oke-button.oke-is-active,div.okeReviews .oke-button.oke-is-active{background-color:var(--oke-button-backgroundColorActive);color:var(--oke-button-textColorActive);border-color:var(--oke-button-borderColorActive)}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading),div.okeReviews .oke-button:not(.oke-is-loading){cursor:pointer}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):hover,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):hover{background-color:var(--oke-button-backgroundColorHover);color:var(--oke-button-textColorHover);border-color:var(--oke-button-borderColorHover);box-shadow:0 0 0 2px var(--oke-button-backgroundColorHover)}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):active,.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):hover:active,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):active,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):hover:active{background-color:var(--oke-button-backgroundColorActive);color:var(--oke-button-textColorActive);border-color:var(--oke-button-borderColorActive)}.okeReviews[data-oke-container] .oke-title,div.okeReviews .oke-title{font-weight:var(--oke-title-fontWeight);font-size:var(--oke-title-fontSize);font-family:var(--oke-title-fontFamily)}.okeReviews[data-oke-container] .oke-bodyText,div.okeReviews .oke-bodyText{font-weight:var(--oke-bodyText-fontWeight);font-size:var(--oke-bodyText-fontSize);font-family:var(--oke-bodyText-fontFamily)}.okeReviews[data-oke-container] .oke-linkButton,div.okeReviews .oke-linkButton{curs
897or:pointer;font-weight:700;pointer-events:auto;text-decoration:underline}.okeReviews[data-oke-container] .oke-linkButton:hover,div.okeReviews .oke-linkButton:hover{text-decoration:none}.okeReviews[data-oke-container] .oke-readMore,div.okeReviews .oke-readMore{cursor:pointer;color:inherit;text-decoration:underline}.okeReviews[data-oke-container] .oke-select,div.okeReviews .oke-select{cursor:pointer;background-repeat:no-repeat;background-position-x:100%;background-position-y:50%;border:none;padding:0 24px 0 12px;-moz-appearance:none;appearance:none;color:inherit;-webkit-appearance:none;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");outline-offset:4px}.okeReviews[data-oke-container] .oke-select:disabled,div.okeReviews .oke-select:disabled{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%239a9db1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E")}.okeReviews[data-oke-container] .oke-loader,div.okeReviews .oke-loader{position:relative}.okeReviews[data-oke-container] .oke-loader:before,div.okeReviews .oke-loader:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"î¤";color:var(--oke-text-secondaryColor);font-size:12px;display:inline-block;animation:oke-spin 1s linear infinite;position:absolute;width:12px;height:12px;top:0;left:0;bottom:0;right:0;margin:auto}.okeReviews[data-oke-container] .oke-a11yText,div.okeReviews .oke-a11yText{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.okeReviews[data-oke-container] .oke-hidden,div.okeReviews .oke-hidden{display:none}.okeReviews[data-oke-container] .oke-modal,div.okeReviews .oke-modal{bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:2147483647;max-height:100%;background-color:rgba(0,0,0,.5);padding:40px 0 12px}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal,div.okeReviews .oke-modal{display:flex;align-items:center;padding:48px 0}}.okeReviews[data-oke-container] .oke-modal ::-moz-selection,div.okeReviews .oke-modal ::-moz-selection{background-color:rgba(39,45,69,.2)}.okeReviews[data-oke-container] .oke-modal ::selection,div.okeReviews .oke-modal ::selection{background-color:rgba(39,45,69,.2)}.okeReviews[data-oke-container] .oke-modal,.okeReviews[data-oke-container] .oke-modal p,div.okeReviews .oke-modal,div.okeReviews .oke-modal p{color:#272d45}.okeReviews[data-oke-container] .oke-modal-content,div.okeReviews .oke-modal-content{background-color:#fff;margin:auto;position:relative;will-change:transform,opacity;width:calc(100% - 24px)}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal-content,div.okeReviews .oke-modal-content{max-width:1000px}}.okeReviews[data-oke-container] .oke-modal-close,div.okeReviews .oke-modal-close{cursor:pointer;position:absolute;width:32px;height:32px;top:-32px;padding:4px;right:-4px;line-height:1}.okeReviews[data-oke-container] .oke-modal-close:before,div.okeReviews .oke-modal-close:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"î¤";color:#fff;font-size:24px;display:inline-block;width:24px;height:24px}.okeReviews[data-oke-container] .oke-modal-overlay,div.okeReviews .oke-modal-overlay{background-color:rgba(43,46,56,.9)}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal--large .oke-modal-content,div.okeReviews .oke-modal--large .oke-modal-content{max-width:1200px}}.okeReviews[data-oke-container] .oke-modal .oke-helpful,.okeReviews[data-oke-container] .oke-modal .oke-helpful-vote-button,.okeReviews[data-oke-container] .oke-modal .oke-reviewContent-date,div.okeReviews .oke-modal .oke-helpful,div.okeReviews .oke-modal .oke-helpful-vote-button,div.okeReviews .oke-modal .oke-reviewContent-date{color:#676986}.oke-modal .okeReviews[data-oke-container].oke-w,.oke-modal div.okeReviews.oke-w{color:#272d45}.okeReviews[data-oke-container] .oke-tag,div.okeReviews .oke-tag{align-items:center;color:#272d45;display:flex;font-size:var(--oke-text-small);font-weight:600;text-align:left;position:relative;z-index:2;background-color:#f4f4f6;padding:4px 6px;border:none;border-radius:4px;gap:6px;line-height:1}.okeReviews[data-oke-container] .oke-tag svg,div.okeReviews .oke-tag svg{fill:currentColor;height:1rem}.okeReviews[data-oke-container] .hooper,div.okeReviews .hooper{height:auto}.okeReviews--left{text-align:left}.okeReviews--right{text-align:right}.okeReviews--center{text-align:center}.okeReviews :not([tabindex="-1"]):focus-visible{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}.is-oke-modalOpen{overflow:hidden!important}img.oke-is-error{background-color:var(--oke-shadingColor);background-size:cover;background-position:50% 50%;box-shadow:inset 0 0 0 1px var(--oke-border-color)}@keyframes oke-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes oke-fade-in{0%{opacity:0}
897to{opacity:1}}.layout-panel-flex>div:has([data-oke-container]){width:100%} 898.oke-stars{line-height:1;position:relative;display:inline-block}.oke-stars-background svg{overflow:visible}.oke-stars-foreground{overflow:hidden;position:absolute;top:0;left:0}.oke-sr{display:inline-block;padding-top:var(--oke-starRating-spaceAbove);padding-bottom:var(--oke-starRating-spaceBelow)}.oke-sr .oke-is-clickable{cursor:pointer}.oke-sr--hidden{display:none}.oke-sr-count,.oke-sr-rating,.oke-sr-stars{display:inline-block;vertical-align:middle}.oke-sr-stars{line-height:1;margin-right:8px}.oke-sr-rating{display:none}.oke-sr-count--brackets:before{content:"("}.oke-sr-count--brackets:after{content:")"} 899.oke-rk{display:block}.okeReviews[data-oke-container] .oke-reviewsKeywords-heading,div.okeReviews .oke-reviewsKeywords-heading{font-weight:700;margin-bottom:8px}.okeReviews[data-oke-container] .oke-reviewsKeywords-heading-skeleton,div.okeReviews .oke-reviewsKeywords-heading-skeleton{height:calc(var(--oke-button-fontSize) + 4px);width:150px}.okeReviews[data-oke-container] .oke-reviewsKeywords-list,div.okeReviews .oke-reviewsKeywords-list{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px}.okeReviews[data-oke-container] .oke-reviewsKeywords-list-category,div.okeReviews .oke-reviewsKeywords-list-category{background-color:var(--oke-filter-backgroundColor);color:var(--oke-filter-textColor);border:1px solid var(--oke-filter-borderColor);border-radius:var(--oke-filter-borderRadius);padding:6px 16px;transition:background-color .1s ease-out,border-color .1s ease-out;white-space:nowrap}.okeReviews[data-oke-container] .oke-reviewsKeywords-list-category.oke-is-clickable,div.okeReviews .oke-reviewsKeywords-list-category.oke-is-clickable{cursor:pointer}.okeReviews[data-oke-container] .oke-reviewsKeywords-list-category.oke-is-active,div.okeReviews .oke-reviewsKeywords-list-category.oke-is-active{background-color:var(--oke-filter-backgroundColorActive);color:var(--oke-filter-textColorActive);border-color:var(--oke-filter-borderColorActive)}.okeReviews[data-oke-container] .oke-reviewsKeywords .oke-translateButton,div.okeReviews .oke-reviewsKeywords .oke-translateButton{margin-top:12px} 900.oke-rs{display:block}.oke-rs .oke-reviewsSummary.oke-is-preRender .oke-reviewsSummary-summary{-webkit-mask:linear-gradient(180deg,#000 0,#000 40%,transparent 95%,transparent 0) 100% 50%/100% 100% repeat-x;mask:linear-gradient(180deg,#000 0,#000 40%,transparent 95%,transparent 0) 100% 50%/100% 100% repeat-x;max-height:150px}.okeReviews[data-oke-container] .oke-reviewsSummary .oke-tooltip,div.okeReviews .oke-reviewsSummary .oke-tooltip{display:inline-block;font-weight:400}.okeReviews[data-oke-container] .oke-reviewsSummary .oke-tooltip-trigger,div.okeReviews .oke-reviewsSummary .oke-tooltip-trigger{height:15px;width:15px;overflow:hidden;transform:translateY(-10%)}.okeReviews[data-oke-container] .oke-reviewsSummary-heading,div.okeReviews .oke-reviewsSummary-heading{align-items:center;-moz-column-gap:4px;column-gap:4px;display:inline-flex;font-weight:700;margin-bottom:8px}.okeReviews[data-oke-container] .oke-reviewsSummary-heading-skeleton,div.okeReviews .oke-reviewsSummary-heading-skeleton{height:calc(var(--oke-button-fontSize) + 4px);width:150px}.okeReviews[data-oke-container] .oke-reviewsSummary-icon,div.okeReviews .oke-reviewsSummary-icon{fill:currentColor;font-size:14px}.okeReviews[data-oke-container] .oke-reviewsSummary-icon svg,div.okeReviews .oke-reviewsSummary-icon svg{vertical-align:baseline}.okeReviews[data-oke-container] .oke-reviewsSummary-summary.oke-is-truncated,div.okeReviews .oke-reviewsSummary-summary.oke-is-truncated{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}</style>
900<script type="application/json" id="oke-reviews-settings">{"subscriberId":"d31e869b-05f8-4e69-8a88-576a5886c2b8","analyticsSettings":{"isWidgetOnScreenTrackingEnabled":true,"provider":"gtag"},"locale":"en","localeAndVariant":{"code":"en"},"widgetSettings":{"global":{"dateSettings":{"format":{"type":"absolute","options":{"dateStyle":"short"}}},"hideOkendoBranding":true,"reviewTranslationsMode":"off","showIncentiveIndicator":false,"searchEnginePaginationEnabled":false,"stars":{"backgroundColor":"#E5E5E5","foregroundColor":"#DA5846","interspace":2,"shape":{"type":"default"},"showBorder":false},"font":{"fontType":"inherit-from-page"}},"homepageCarousel":{"slidesPerPage":{"large":3,"medium":2},"totalSlides":12,"scrollBehaviour":"slide","style":{"showDates":true,"border":{"color":"#E5E5EB","width":{"value":1,"unit":"px"}},"bodyFont":{"hasCustomFontSettings":false},"headingFont":{"hasCustomFontSettings":false},"arrows":{"color":"#676986","size":{"value":24,"unit":"px"},"enabled":true},"avatar":{"backgroundColor":"#E5E5EB","placeholderTextColor":"#2C3E50","size":{"value":48,"unit":"px"},"enabled":true},"media":{"size":{"value":80,"unit":"px"},"imageGap":{"value":4,"unit":"px"},"enabled":true},"stars":{"height":{"value":18,"unit":"px"}},"productImageSize":{"value":48,"unit":"px"},"layout":{"name":"default","reviewDetailsPosition":"below","showProductName":false,"showAttributeBars":false,"showProductDetails":"only-when-grouped"},"highlightColor":"#0E7A82","spaceAbove":{"value":20,"unit":"px"},"text":{"primaryColor":"#2C3E50","fontSizeRegular":{"value":14,"unit":"px"},"fontSizeSmall":{"value":12,"unit":"px"},"secondaryColor":"#676986"},"spaceBelow":{"value":20,"unit":"px"}},"defaultSort":"rating desc","autoPlay":false,"truncation":{"bodyMaxLines":4,"truncateAll":false,"enabled":true}},"mediaCarousel":{"minimumImages":1,"linkText":"Read More","autoPlay":false,"slideSize":"medium","arrowPosition":"outside"},"mediaGrid":{"gridStyleDesktop":{"layout":"default-desktop"},"gridStyleMobile":{"layout":"default-mobile"},"showMoreArrow":{"arrowColor":"#676986","enabled":true,"backgroundColor":"#f4f4f6"},"linkText":"Read More","infiniteScroll":false,"gapSize":{"value":10,"unit":"px"}},"questions":{"initialPageSize":6,"loadMorePageSize":6},"reviewsBadge":{"layout":"large","colorScheme":"dark"},"reviewsTab":{"enabled":false},"reviewsWidget":{"tabs":{"reviews":true,"questions":false},"header":{"columnDistribution":"center","verticalAlignment":"top","blocks":[{"columnWidth":"one-third","modules":[{"name":"rating-average","layout":"two-line"}],"textAlignment":"center"},{"columnWidth":"full","modules":[{"name":"reviews-summary","heading":"Reviews Summary","maxTextLines":5}],"textAlignment":"center"}]},"style":{"showDates":true,"border":{"color":"#DA5846","width":{"value":1,"unit":"px"}},"bodyFont":{"hasCustomFontSettings":false},"headingFont":{"hasCustomFontSettings":false},"filters":{"backgroundColorActive":"#DA5846","backgroundColor":"#FFFFFF","borderColor":"#DA5846","borderRadius":{"value":100,"unit":"px"},"borderColorActive":"#DA5846","textColorActive":"#FFFFFF","textColor":"#DA5846","searchHighlightColor":"#B2F9E9"},"avatar":{"enabled":false},"stars":{"height":{"value":16,"unit":"px"}},"shadingColor":"#FFFFFF","productImageSize":{"value":48,"unit":"px"},"button":{"backgroundColorActive":"#FFFFFF","borderColorHover":"#DA5846","backgroundColor":"#DA5846","borderColor":"#DA5846","backgroundColorHover":"#FFFFFF","textColorHover":"#DA5846","borderRadius":{"value":50,"unit":"px"},"borderWidth":{"value":2,"unit":"px"},"borderColorActive":"#DA5846","textColorActive":"#DA5846","textColor":"#FFFFFF","font":{"hasCustomFontSettings":false}},"highlightColor":"#DA5846","spaceAbove":{"value":50,"unit":"px"},"text":{"primaryColor":"#3F3939","fontSizeRegular":{"value":16,"unit":"px"},"fontSizeLarge":{"value":18,"unit":"px"},"fontSizeSmall":{"value":14,"unit":"px"},"secondaryColor":"#3F3939"},"spaceBelow":{"value":20,"unit":"px"},"attributeBar":{"style":"default","backgroundColor":"#D3D4DD","shadingColor":"#9A9DB1","markerColor":"#00CAAA"}},"showWhenEmpty":true,"reviews":{"list":{"layout":{"collapseReviewerDetails":false,"columnAmount":4,"
900name":"default","showAttributeBars":false,"borderStyle":"minimal","showProductVariantName":false,"showProductDetails":"only-when-grouped"},"loyalty":{"maxInitialAchievements":3},"initialPageSize":5,"replyTruncation":{"bodyMaxLines":4,"enabled":true},"media":{"layout":"thumbnail","size":{"value":100,"unit":"px"},"imageGap":{"value":4,"unit":"px"}},"truncation":{"bodyMaxLines":4,"truncateAll":false,"enabled":true},"loadMorePageSize":5},"controls":{"filterMode":"closed","freeTextSearchEnabled":false,"writeReviewButtonEnabled":true,"defaultSort":"date desc","sortOptionOrder":["date desc","has_media desc","helpful desc","rating desc","date asc","rating asc","unhelpful desc"]}}},"starRatings":{"showWhenEmpty":false,"style":{"spaceAbove":{"value":0,"unit":"px"},"text":{"content":"review-count","style":"number-and-text","brackets":false},"singleStar":false,"height":{"value":16,"unit":"px"},"spaceBelow":{"value":0,"unit":"px"}},"clickBehavior":"scroll-to-widget"}},"features":{"attributeFiltersEnabled":true,"recorderPlusEnabled":true,"recorderQandaPlusEnabled":true,"reviewsKeywordsEnabled":true,"reviewsSummariesEnabled":true}}</script>
900<style id="oke-css-vars">:root{--oke-widget-spaceAbove:50px;--oke-widget-spaceBelow:20px;--oke-starRating-spaceAbove:0;--oke-starRating-spaceBelow:0;--oke-button-backgroundColor:#da5846;--oke-button-backgroundColorHover:#fff;--oke-button-backgroundColorActive:#fff;--oke-button-textColor:#fff;--oke-button-textColorHover:#da5846;--oke-button-textColorActive:#da5846;--oke-button-borderColor:#da5846;--oke-button-borderColorHover:#da5846;--oke-button-borderColorActive:#da5846;--oke-button-borderRadius:50px;--oke-button-borderWidth:2px;--oke-button-fontWeight:700;--oke-button-fontSize:var(--oke-text-regular,14px);--oke-button-fontFamily:inherit;--oke-border-color:#da5846;--oke-border-width:1px;--oke-text-primaryColor:#3f3939;--oke-text-secondaryColor:#3f3939;--oke-text-small:14px;--oke-text-regular:16px;--oke-text-large:18px;--oke-text-fontFamily:inherit;--oke-avatar-size:undefined;--oke-avatar-backgroundColor:undefined;--oke-avatar-placeholderTextColor:undefined;--oke-highlightColor:#da5846;--oke-shadingColor:#fff;--oke-productImageSize:48px;--oke-attributeBar-shadingColor:#9a9db1;--oke-attributeBar-borderColor:undefined;--oke-attributeBar-backgroundColor:#d3d4dd;--oke-attributeBar-markerColor:#00caaa;--oke-filter-backgroundColor:#fff;--oke-filter-backgroundColorActive:#da5846;--oke-filter-borderColor:#da5846;--oke-filter-borderColorActive:#da5846;--oke-filter-textColor:#da5846;--oke-filter-textColorActive:#fff;--oke-filter-borderRadius:100px;--oke-filter-searchHighlightColor:#b2f9e9;--oke-mediaGrid-chevronColor:#676986;--oke-stars-foregroundColor:#da5846;--oke-stars-backgroundColor:#e5e5e5;--oke-stars-borderWidth:0}.oke-w,.oke-modal{--oke-title-fontWeight:600;--oke-title-fontSize:var(--oke-text-regular,14px);--oke-title-fontFamily:inherit;--oke-bodyText-fontWeight:400;--oke-bodyText-fontSize:var(--oke-text-regular,14px);--oke-bodyText-fontFamily:inherit}</style><style id="oke-reviews-custom-css">.okeReviews.oke-sr{display:block}.product__info-wrapper .oke-sr{padding-top:7px}[data-oke-widget] div.okeReviews[data-oke-container].oke-w{max-width:1300px;padding:0 2rem;padding:var(--oke-widget-spaceAbove) 2rem var(--oke-widget-spaceBelow)}div.oke-modal .okeReviews[data-oke-container].oke-w,div.okeReviews[data-oke-container] .oke-modal,div.okeReviews[data-oke-container] .oke-modal p,div.okeReviews[data-oke-container] .oke-modal .oke-helpful,div.okeReviews[data-oke-container] .oke-modal .oke-helpful-vote-button,div.okeReviews[data-oke-container] .oke-modal .oke-reviewContent-date{color:var(--oke-text-primaryColor)}div.okeReviews[data-oke-container] .oke-reviewContent-title,div.okeReviews .oke-reviewContent-title{font-weight:600}.okeReviews[data-oke-container].oke-w .oke-button,div.okeReviews .oke-button{font-size:1.6rem;font-weight:600;transition:all .3s ease}.okeReviews[data-oke-container].oke-w .oke-button:not(.oke-is-loading):not(.oke-is-active):hover,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):hover{box-shadow:initial}.okeReviews.oke-w .oke-is-small .oke-w-reviews-writeReview{width:100%;padding-top:10px}.okeReviews.oke-w .oke-is-small .oke-button,.okeReviews.oke-w .oke-is-small .oke-qw-header-askQuestion{width:100%}div.okeReviews[data-oke-container] .oke-sortSelect-label{margin-right:0}div.okeReviews[data-oke-container] .oke-w-reviews-controls{flex-wrap:wrap}@media screen and (min-width:750px){[data-oke-widget] div.okeReviews[data-oke-container].oke-w{padding:var(--oke-widget-spaceAbove) 5rem var(--oke-widget-spaceBelow)}}</style><template id="oke-reviews-body-template"><svg id="oke-star-symbols" style="display:none!important" data-oke-id="oke-star-symbols"><symbol id="oke-star-empty" style="overflow:visible;"><path id="star-default--empty" fill="var(--oke-stars-backgroundColor)" stroke="var(--oke-stars-borderColor)" stroke-width="var(--oke-stars-borderWidth)" d="M3.34 13.86c-.48.3-.76.1-.63-.44l1.08-4.56L.26 5.82c-.42-.36-.32-.7.24-.74l4.63-.37L6.92.39c.2-.52.55-.52.76 0l1.8 4.32 4.62.37c.56.05.67.37.24.74l-3.53 3.04 1.08 4.56c.13.54-.14.74-.63.44L7.3 11.43l-3.96 2.43z"></path></symbol><symbol id="oke-star-filled" style="overflow:visible;"><path id="star-default--filled" fill="var(--oke-stars-foregroundColor)" stroke="var(--oke-stars-borderColor)" stroke-width="var(--oke-stars-borderWidth)" d="M3.34 13.86c-.48.3-.76.1-.63-.44l1.08-4.56L.26 5.82c-.42-.36-.32-.7.24-.74l4.63-.37L6.92.39c.2-.52.55-.52.76 0l1.8 4.32 4.62.37c.56.05.67.37.24.74l-3.53 3.04 1.08 4.56c.13.54-.14.74-.63.44L7.3 11.43l-3.96 2.43z"></path></symbol></svg></template>
900<script>document.addEventListener('readystatechange',() =>{Array.from(document.getElementById('oke-reviews-body-template')?.content.children)?.forEach(function(child){if(!Array.from(document.body.querySelectorAll('[data-oke-id='.concat(child.getAttribute('data-oke-id'),']'))).length){document.body.prepend(child)}})},{once:true});</script>
900<!-- END app snippet --><!-- BEGIN app snippet: okendo-reviews-json-ld -->
900<script type="application/ld+json"> 901 { 902 "@context": "http://schema.org/", 903 904 "@type": "Product", 905 906 "@id": "/products/bookclub#product", 907 "url": "/products/bookclub", 908 "name": "Tuttle Twins Book Club", 909 "image": "https://www.tuttletwins.com/cdn/shop/files/tt-bookclub-1_450x450.jpg?v=1790779428", 910 "description": "A monthly book adventure your kids will loveâ2 Tuttle Twins books delivered in order that spark curiosity, teach big ideas, and make learning fun!", 911 "mpn": "8712112832650", 912 "brand": { 913 "@type": "Brand", 914 "name": "Tuttle Twins" 915 }, 916 "offers": { 917 "@type": "Offer", 918 "priceCurrency": "USD", 919 "price": "19.99", 920 "availability": "InStock", 921 "seller": { 922 "@type": "Organization", 923 "name": "The Tuttle Twins" 924 } 925 } 926 927 ,"aggregateRating": { 928 "@type": "AggregateRating", 929 "ratingValue": "4.9", 930 "ratingCount": "12" 931 } 932 933 } 934 </script>
934<!-- END app snippet --><!-- BEGIN app snippet: widget-plus-initialisation-script -->
934<script async="" id="okendo-reviews-script" src="https://cdn-static.okendo.io/reviews-widget-plus/js/okendo-reviews.js"></script>
934<!-- END app snippet --><!-- END app block --><!-- BEGIN app block: shopify://apps/friendbuy-loyalty-referrals/blocks/friendbuy-auth-block/de138aa5-e87b-41e6-8e61-0dec9a2f9e38 -->
934<script type="application/javascript"> 935 window["friendbuyAPI"] = friendbuyAPI = window["friendbuyAPI"] || []; 936 friendbuyAPI.merchantId = "638b8260-5ecd-4709-91ec-ee5117b68c03"; 937 friendbuyAPI.shopify = { 938 page: "Tuttle Twins Book Club", 939 940 } 941</script>
941<script src="https://static.fbot.me/shopify/friendbuy-shopify.js" async=""></script>
941<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
941<script async="" src="https://static.klaviyo.com/onsite/js/Vv3cEp/klaviyo.js?company_id=Vv3cEp"></script>
941<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
941<script id="viewed_product"> 942 if (item == null) { 943 var _learnq = _learnq || []; 944 945 var MetafieldReviews = null 946 var MetafieldYotpoRating = null 947 var MetafieldYotpoCount = null 948 var MetafieldLooxRating = null 949 var MetafieldLooxCount = null 950 var okendoProduct = null 951 var okendoProductReviewCount = null 952 var okendoProductReviewAverageValue = null 953 try { 954 // The following fields are used for Customer Hub recently viewed in order to add reviews. 955 // This information is not part of __kla_viewed. Instead, it is part of __kla_viewed_reviewed_items 956 MetafieldReviews = {"rating":{"scale_min":"1.0","scale_max":"5.0","value":"4.9"},"rating_count":12}; 957 MetafieldYotpoRating = null 958 MetafieldYotpoCount = null 959 MetafieldLooxRating = null 960 MetafieldLooxCount = null 961 962 okendoProduct = {"reviewCount":12,"reviewAverageValue":"4.9"} 963 // If the okendo metafield is not legacy, it will error, which then requires the new json formatted data 964 if (okendoProduct && 'error' in okendoProduct) { 965 okendoProduct = null 966 } 967 okendoProductReviewCount = okendoProduct ? okendoProduct.reviewCount : null 968 okendoProductReviewAverageValue = okendoProduct ? okendoProduct.reviewAverageValue : null 969 } catch (error) { 970 console.error('Error in Klaviyo onsite reviews tracking:', error); 971 } 972 973 var item = { 974 Name: "Tuttle Twins Book Club", 975 ProductID: 8712112832650, 976 Categories: ["Ages 5-8","Ages 9 to 12","Best Sellers","Books","Books for 4th Graders","Books for 5th Graders","Books for 6th Graders","Books for Kids from Ages 5 to 8","Books for Kids from Ages 9 to 12","Bundles","Bundles","Bundles","Bundles","Children's Books","Children's Series","Children's Series Books","Childrenâs Series Bundles","Core Collection","Gifts Under $25","Homeschool Bundles","Kid's Best Sellers","Kids Books (Ages 5 to 12)","Kids Books (Ages 5 to 12) (Shop By Age Page)","Kids Bundles","Mystery Books for Kids","Shop All","Tuttle Twins Bundles","Tuttle Twins Bundles"], 977 ImageURL: "https://www.tuttletwins.com/cdn/shop/files/tt-bookclub-1_grande.jpg?v=1790779428", 978 URL: "https://www.tuttletwins.com/products/bookclub", 979 Brand: "Tuttle Twins", 980 Price: "$19.99", 981 Value: "19.99", 982 CompareAtPrice: "$25.98" 983 }; 984 _learnq.push(['track', 'Viewed Product', item]); 985 _learnq.push(['trackViewedItem', { 986 Title: item.Name, 987 ItemId: item.ProductID, 988 Categories: item.Categories, 989 ImageUrl: item.ImageURL, 990 Url: item.URL, 991 Metadata: { 992 Brand: item.Brand, 993 Price: item.Price, 994 Value: item.Value, 995 CompareAtPrice: item.CompareAtPrice 996 }, 997 metafields:{ 998 reviews: MetafieldReviews, 999 yotpo:{ 1000 rating: MetafieldYotpoRating, 1001 count: MetafieldYotpoCount, 1002 }, 1003 loox:{ 1004 rating: MetafieldLooxRating, 1005 count: MetafieldLooxCount, 1006 }, 1007 okendo: { 1008 rating: okendoProductReviewAverageValue, 1009 count: okendoProductReviewCount, 1010 } 1011 } 1012 }]); 1013 } 1014 </script>
1014<script> 1015 window.klaviyoReviewsProductDesignMode = false 1016 </script>
1016<!-- END app block -->
1016<script src="https://cdn.shopify.com/extensions/01a0f8fb-3591-7ddd-a868-a66b3a2a8036/rebuy-personalization-engine-444/assets/rebuy-extensions.js" type="text/javascript" defer="defer"></script>
1016<script src="https://cdn.shopify.com/extensions/01a0ef11-ed59-7a1a-9dac-8835710c3c5e/applovin-shop-integration-98/assets/app-embed.js" type="text/javascript" defer="defer"></script>
1016<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1016<script type="text/plain" data-nostra-hold="1">(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: 65589510282,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
1016<script> 1017 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1018</script>
1018<script> 1019 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1020 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1021 window.ShopifyAnalytics.meta.currency = 'USD'; 1022 var meta = {"product":{"id":8712112832650,"gid":"gid:\/\/shopify\/Product\/8712112832650","vendor":"Tuttle Twins","type":"Print Book","handle":"bookclub","variants":[{"id":47235382149258,"price":1999,"name":"Tuttle Twins Book Club","public_title":null,"sku":"kid_law_pencil"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":8712112832650,"requestId":"9d3add6c-f94c-40ce-9a46-31146f676ad1-1790894975"}}; 1023 for (var attr in meta) { 1024 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1025 } 1026</script>
1026<script class="analytics"></script>
1026<script defer="" data-application="storefront-renderer" data-shop-id="65589510282" data-render-region="gcp-us-east1" data-page-type="product" data-theme-instance-id="157521051786" data-theme-name="Dawn" data-theme-version="15.2.0" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" data-shs="true" data-shs-beacon="true" data-shs-export-with-fetch="true" data-shs-logs-sample-rate="1" data-shs-beacon-endpoint="https://www.tuttletwins.com/api/collect" data-src="https://www.tuttletwins.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" type="text/plain" data-nostra-hold="1"></script>
1026<meta name="new-cookie-storage-activated" content="t"></head><body class="template_replo-pdp gradient"> <a class="skip-to-content-link button visually-hidden" href="#MainContent"> Skip to content </a> <div id="back_to_top"></div><!-- BEGIN sections: header-group --> <div id="shopify-section-sections--22196841119882__z_announcement_bar_LKK6Jf" class="shopify-section shopify-section-group-header-group announcement-bar-section"><link href="//www.tuttletwins.com/cdn/shop/t/158/assets/component-slideshow.css?v=122252013592172154891787249518" rel="stylesheet" type="text/css" media="all"> <link href="//www.tuttletwins.com/cdn/shop/t/158/assets/component-slider.css?v=93354059876761322841787249517" rel="stylesheet" type="text/css" media="all"> <link href="//www.tuttletwins.com/cdn/shop/t/158/assets/component-list-social.css?v=91588111571255811531787249519" rel="stylesheet" type="text/css" media="all"> <style> 1027 #shopify-section-sections--22196841119882__z_announcement_bar_LKK6Jf .utility-bar { 1028 position: relative; 1029 min-height: 44px; 1030 padding-left: 44px; 1031 padding-right: 44px; 1032 } 1033 1034 #shopify-section-sections--22196841119882__z_announcement_bar_LKK6Jf .announcement-bar__close { 1035 position: absolute; 1036 top: 0; 1037 right: 0; 1038 z-index: 2; 1039 display: flex; 1040 align-items: center; 1041 justify-content: center; 1042 width: 44px; 1043 height: 44px; 1044 padding: 0; 1045 border: 0; 1046 background: transparent; 1047 color: inherit; 1048 cursor: pointer; 1049 } 1050 1051 #shopify-section-sections--22196841119882__z_announcement_bar_LKK6Jf .announcement-bar__close:focus-visible { 1052 outline: 2px solid currentColor; 1053 outline-offset: -4px; 1054 } 1055 1056 @media screen and (max-width: 749px) { 1057 #shopify-section-sections--22196841119882__z_announcement_bar_LKK6Jf .utility-bar { 1058 padding-left: 0; 1059 padding-right: 0; 1060 } 1061 1062 #shopify-section-sections--22196841119882__z_announcement_bar_LKK6Jf .announcement-bar__close { 1063 top: 0; 1064 right: 0; 1065 width: 24px; 1066 height: 24px; 1067 } 1068 1069 #shopify-section-sections--22196841119882__z_announcement_bar_LKK6Jf .announcement-bar__close svg { 1070 width: 10px; 1071 height: 10px; 1072 } 1073 } 1074 </style> <div class="utility-bar color-scheme-3 gradient utility-bar--bottom-border"><button type="button" class="announcement-bar__close" aria-label="Dismiss announcement bar" onclick="this.closest('.shopify-section').style.display = 'none';"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false"> <path d="M3 3L13 13M13 3L3 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path> </svg> </button><div class="page-width utility-bar__grid"><slideshow-component class="announcement-bar" role="region" aria-roledescription="Carousel" aria-label="Announcement bar"> <div class="announcement-bar-slider slider-buttons"> <button type="button" class="slider-button slider-button--prev" name="previous" aria-label="Previous announcement" aria-controls="Slider-sections--22196841119882__z_announcement_bar_LKK6Jf"> <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"></path></svg> </span> </button> <div class="grid grid--1-col slider slider--everywhere" id="Slider-sections--22196841119882__z_announcement_bar_LKK6Jf" aria-live="polite" aria-atomic="true" data-autoplay="true" data-speed="5"><div class="slideshow__slide slider__slide grid__item grid--1-col" id="Slide-sections--22196841119882__z_announcement_bar_LKK6Jf-1" role="group" aria-roledescription="Announcement" aria-label="1 of 3" tabindex="-1"> <div class="announcement-bar__announcement" role="region" aria-label="Announcement"><a href="/products/business-basics-grade-3" class="announcement-bar__link link link--text focus-inset animate-arrow"><p class="announcement-bar__message"> <span>NEW Curriculum: Business Basics Grade 3 is Available Now!</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
1074ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"></path></svg> </p></a></div> </div><div class="slideshow__slide slider__slide grid__item grid--1-col" id="Slide-sections--22196841119882__z_announcement_bar_LKK6Jf-2" role="group" aria-roledescription="Announcement" aria-label="2 of 3" tabindex="-1"> <div class="announcement-bar__announcement" role="region" aria-label="Announcement"><p class="announcement-bar__message"> <span>Free US Shipping (Lower 48) on Orders $175+</span></p></div> </div><div class="slideshow__slide slider__slide grid__item grid--1-col" id="Slide-sections--22196841119882__z_announcement_bar_LKK6Jf-3" role="group" aria-roledescription="Announcement" aria-label="3 of 3" tabindex="-1"> <div class="announcement-bar__announcement" role="region" aria-label="Announcement"><a href="/pages/refer" class="announcement-bar__link link link--text focus-inset animate-arrow"><p class="announcement-bar__message"> <span>Give 20%, Get 20%</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
1074ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"></path></svg> </p></a></div> </div></div> <button type="button" class="slider-button slider-button--next" name="next" aria-label="Next announcement" aria-controls="Slider-sections--22196841119882__z_announcement_bar_LKK6Jf"> <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"></path></svg> </span> </button> </div> </slideshow-component><div class="localization-wrapper"> </div> </div> </div> <style> @media (max-width: 767px) {#shopify-section-sections--22196841119882__z_announcement_bar_LKK6Jf p {font-size: 12px; }} </style></div><div id="shopify-section-sections--22196841119882__header" class="shopify-section shopify-section-group-header-group section-header"> <link rel="stylesheet" href="//www.tuttletwins.com/cdn/shop/t/158/assets/component-list-menu.css?v=151968516119678728991787249518" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//www.tuttletwins.com/cdn/shop/t/158/assets/component-search.css?v=165164710990765432851787249516" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//www.tuttletwins.com/cdn/shop/t/158/assets/component-menu-drawer.css?v=147478906057189667651787249516" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//www.tuttletwins.com/cdn/shop/t/158/assets/component-cart-notification.css?v=54116361853792938221787249515" media="print" onload="this.media='all'"><link rel="stylesheet" href="//www.tuttletwins.com/cdn/shop/t/158/assets/component-price.css?v=173810941028741436861787249519" media="print" onload="this.media='all'"><style> 1075 header-drawer { 1076 justify-self: start; 1077 margin-left: -1.2rem; 1078 }.scrolled-past-header .header__heading-logo-wrapper { 1079 width: 75%; 1080 }@media screen and (min-width: 990px) { 1081 header-drawer { 1082 display: none; 1083 } 1084 }.menu-drawer-container { 1085 display: flex; 1086 } 1087 1088 .list-menu { 1089 list-style: none; 1090 padding: 0; 1091 margin: 0; 1092 } 1093 1094 .list-menu--inline { 1095 display: inline-flex; 1096 flex-wrap: wrap; 1097 } 1098 1099 summary.list-menu__item { 1100 padding-right: 2.7rem; 1101 } 1102 1103 .list-menu__item { 1104 display: flex; 1105 align-items: center; 1106 line-height: calc(1 + 0.3 / var(--font-body-scale)); 1107 } 1108 1109 .list-menu__item--link { 1110 text-decoration: none; 1111 padding-bottom: 1rem; 1112 padding-top: 1rem; 1113 line-height: calc(1 + 0.3 / var(--font-body-scale)); 1114 } 1115 1116 @media screen and (min-width: 750px) { 1117 .list-menu__item--link { 1118 padding-bottom: 0.5rem; 1119 padding-top: 0.5rem; 1120 } 1121 } 1122</style><style data-shopify="">.header { 1123 padding: 2px 3rem 0px 3rem; 1124 } 1125 1126 .section-header { 1127 position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */ 1128 margin-bottom: 0px; 1129 } 1130 1131 @media screen and (min-width: 750px) { 1132 .section-header { 1133 margin-bottom: 0px; 1134 } 1135 } 1136 1137 @media screen and (min-width: 990px) { 1138 .header { 1139 padding-top: 4px; 1140 padding-bottom: 0px; 1141 } 1142 }</style>
1142<script src="//www.tuttletwins.com/cdn/shop/t/158/assets/cart-notification.js?v=133508293167896966491787249516" defer="defer"></script>
1142 <sticky-header data-sticky-type="reduce-logo-size" class="header-wrapper color-scheme-2 gradient"> <header class="header header--middle-left header--mobile-center page-width header--has-menu header--has-social header--has-account"> <link href="//www.tuttletwins.com/cdn/shop/t/158/assets/custom-header-drawer.css?v=22970548444120207801787249518" rel="stylesheet" type="text/css" media="all"> <header-drawer data-breakpoint="tablet"> <details id="Details-menu-drawer-container" class="menu-drawer-container"> <summary class="header__icon header__icon--menu header__icon--summary link focus-inset" aria-label="Menu"> <span><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-hamburger" viewBox="0 0 18 16"><path fill="currentColor" d="M1 .5a.5.5 0 1 0 0 1h15.71a.5.5 0 0 0 0-1zM.5 8a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1A.5.5 0 0 1 .5 8m0 7a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"></path></svg> </span> </summary> <div id="menu-drawer" class="menu-drawer color-scheme-1"> <div class="menu-drawer__inner-container"> <div class="dc_menu-drawer__navigation-container"> <a href="https://www.tuttletwins.com/products/tuttle-twins-family-starter-pack" class="dc_menu_drawer__banner"> <div class="dc_menu_drawer__banner-image-container"> <img src="//www.tuttletwins.com/cdn/shop/files/6af5ce35c5d633157b0e63413eea109983aaaa4b.webp?v=1776455522&width=800" alt="files/6af5ce35c5d633157b0e63413eea109983aaaa4b.webp" loading="lazy" width="" height=""> <div class="dc_mobile-banner-overlay"> <div class="dc_banner-overlay-inner-container"> <div class="dc_banner-tag">Best Selling Bundle</div> <p class="dc_banner-heading">Family Starter Pack</p> </div> <div class="dc_banner-overlay-inner-container"> <div class="dc_banner-button"> Shop Now </div> </div> </div> </div> </a> <div class="dc_expandable-submenu-container"> <div class="dc_expandable-header dc_expandable-toggle" role="button" tabindex="0" aria-expanded="false"> <div class="dc_expandable-submenu-label"> <img src="//www.tuttletwins.com/cdn/shop/files/Frame_48102582_1_8d78b839-3eca-43fb-b441-948b83b87371.png?v=1777394656&width=168" srcset="//www.tuttletwins.com/cdn/shop/files/Frame_48102582_1_8d78b839-3eca-43fb-b441-948b83b87371.png?v=1777394656&width=56 1x, //www.tuttletwins.com/cdn/shop/files/Frame_48102582_1_8d78b839-3eca-43fb-b441-948b83b87371.png?v=1777394656&width=112 2x, //www.tuttletwins.com/cdn/shop/files/Frame_48102582_1_8d78b839-3eca-43fb-b441-948b83b87371.png?v=1777394656&width=168 3x" alt="Shop By Age" width="56" height="56" class="dc_expandable-submenu-icon"> <p class="dc_expandable-submenu-label__text">Shop By Age</p> </div> <span class="dc_expandable-chevron"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false"> <path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </div> <div class="dc_expandable-submenu-links dc_expandable-submenu-links--collapsible"> <ul role="list"><li> <a href="https://www.tuttletwins.com/collections/toddler-books" class="dc_link"><img class="dc_link-item__image" src="//www.tuttletwins.com/cdn/shop/files/Frame_48102561_f0d3acad-852a-42af-8760-16fe083d1f06.png?v=1777397370&width=90" srcset="//www.tuttletwins.com/cdn/shop/files/Frame_48102561_f0d3acad-852a-42af-8760-16fe083d1f06.png?v=1777397370&width=30 1x, //www.tuttletwins.com/cdn/shop/files/Frame_48102561_f0d3acad-852a-42af-8760-16fe083d1f06.png?v=1777397370&width=60 2x, //www.tuttletwins.com/cdn/shop/files/Frame_48102561_f0d3acad-852a-42af-8760-16fe083d1f06.png?v=1777397370&width=90 3x" alt="Toddlers" width="30" height="30"><span>Toddlers</span> </a> </li><li>
1142 <a href="https://www.tuttletwins.com/pages/childrens-resources" class="dc_link"><img class="dc_link-item__image" src="//www.tuttletwins.com/cdn/shop/files/Frame_48102562_2a6b50c6-c94a-48ce-8a5e-8fcdddf36556.png?v=1777397746&width=90" srcset="//www.tuttletwins.com/cdn/shop/files/Frame_48102562_2a6b50c6-c94a-48ce-8a5e-8fcdddf36556.png?v=1777397746&width=30 1x, //www.tuttletwins.com/cdn/shop/files/Frame_48102562_2a6b50c6-c94a-48ce-8a5e-8fcdddf36556.png?v=1777397746&width=60 2x, //www.tuttletwins.com/cdn/shop/files/Frame_48102562_2a6b50c6-c94a-48ce-8a5e-8fcdddf36556.png?v=1777397746&width=90 3x" alt="Ages 5 to 12" width="30" height="30"><span>Ages 5 to 12</span> </a> </li><li> <a href="https://www.tuttletwins.com/pages/books-for-teens" class="dc_link"><img class="dc_link-item__image" src="//www.tuttletwins.com/cdn/shop/files/Frame_48102583.png?v=1777397766&width=90" srcset="//www.tuttletwins.com/cdn/shop/files/Frame_48102583.png?v=1777397766&width=30 1x, //www.tuttletwins.com/cdn/shop/files/Frame_48102583.png?v=1777397766&width=60 2x, //www.tuttletwins.com/cdn/shop/files/Frame_48102583.png?v=1777397766&width=90 3x" alt="Ages 13+" width="30" height="30"><span>Ages 13+</span> </a> </li></ul> </div> </div> <div class="dc_expandable-submenu-container"> <div class="dc_expandable-header dc_expandable-toggle" role="button" tabindex="0" aria-expanded="false"> <div class="dc_expandable-submenu-label"> <img src="//www.tuttletwins.com/cdn/shop/files/Nav_menu_testing_1.png?v=1789507638&width=168" srcset="//www.tuttletwins.com/cdn/shop/files/Nav_menu_testing_1.png?v=1789507638&width=56 1x, //www.tuttletwins.com/cdn/shop/files/Nav_menu_testing_1.png?v=1789507638&width=112 2x, //www.tuttletwins.com/cdn/shop/files/Nav_menu_testing_1.png?v=1789507638&width=168 3x" alt="Shop By Collection" width="56" height="56" class="dc_expandable-submenu-icon"> <p class="dc_expandable-submenu-label__text">Shop By Collection</p> </div> <span class="dc_expandable-chevron"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false"> <path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </div> <div class="dc_expandable-submenu-links dc_expandable-submenu-links--collapsible"> <ul role="list"><li> <a href="/collections/american-history-for-kids" class="dc_link"><span>America's History</span> </a> </li><li> <a href="/collections/childrens-series" class="dc_link"><span>Children's Storybooks</span> </a> </li><li> <a href="/collections/curriculum" class="dc_link"><span>Curriculum</span> </a> </li><li> <a href="/collections/guidebooks" class="dc_link"><span>Guidebooks</span> </a> </li><li> <a href="/collections/cartoon" class="dc_link"><span>Graphic Novels</span> </a> </li><li> <a href="/collections/toddler-books" class="dc_link"><span>Toddler Board Books</span> </a> </li><li> <a href="/collections/choose-your-consequence" class="dc_link"><span>Teen Fiction</span> </a> </li><li> <a href="/collections/magazine" class="dc_link"><span>Magazine</span> </a> </li><li> <a href="/collections/other-languages" class="dc_link"><span>Other Languages</span> </a> </li></ul> </div> </div> <div class="dc_expandable-submenu-container"> <a href="https://www.tuttletwins.com/products/bookclub" class="dc_expandable-header"> <div class="dc_expandable-submenu-label"> <img src="//www.tuttletwins.com/cdn/shop/files/Frame_48101707_1.png?v=1776451809&width=168" srcset="//www.tuttletwins.com/cdn/shop/files/Frame_48101707_1.png?v=1776451809&width=56 1x, //www.tuttletwins.com/cdn/shop/files/Frame_48101707_1.png?v=1776451809&width=112 2x, //www.tuttletwins.com/cdn/shop/files/Frame_48101707_1.png?v=1776451809&width=168 3x" alt="Book Club" width="56" height="56" class="dc_expandable-submenu-icon"> <p class="dc_expandable-submenu-label__text">Book Club</p> </div> <div class="dc_mobile-menu-tag" style="background-color:#e4a634; color: #ffffff"> up to 23% off </div> </a> </div> <div class="dc_expandable-submenu-container"> <a href="https://www.tuttletwins.com/collections/bundles" class="dc_expandable-header"> <div class="dc_expandable-submenu-label"> <img src="//www.tuttletwins.com/cdn/shop/files/Frame_48101707_2.png?v=1776451808&width=168" srcset="//www.tuttletwins.com/cdn/shop/files/Frame_48101707_2.png?v=1776451808&width=56 1x, //www.tuttletwins.com/cdn/shop/files/Frame_48101707_2.png?v=1776451808&width=112 2x, //www.tuttletwins.com/cdn/shop/files/Frame_48101707_2.png?v=1776451808&width=168 3x" alt="Shop Bundles" width="56" height="56" class="dc_expandable-submenu-icon"> <p class="dc_expandable-submenu-label__text">Shop Bundles</p> </div> </a> </div> <div class="dc_expandable-submenu-container"> <a href="https://www.tuttletwins.com/pages/academy" class="dc_expandable-header"> <div class="dc_expandable-submenu-label"> <img src="//www.tuttletwins.com/cdn/shop/files/Frame_48101707_3.png?v=1776451808&width=168" srcset="//www.tuttletwins.com/cdn/shop/files/Frame_48101707_3.png?v=1776451808&width=56 1x, //www.tuttletwins.com/cdn/shop/files/Frame_48101707_3.png?v=1776451808&width=112 2x, //www.tuttletwins.com/cdn/shop/files/Frame_48101707_3.png?v=1776451808&width=168 3x" alt="Academy" width="56" height="56" class="dc_expandable-submenu-icon"> <p class="dc_expandable-submenu-label__text">Academy</p> </div> </a> </div> <div class="dc_expandable-submenu-container"> <a href="https://www.tuttletwins.com/pages/homeschool-hub" class="dc_expandable-header"> <div class="dc_expandable-submenu-label"> <img src="//www.tuttletwins.com/cdn/shop/files/Frame_48101707_4.png?v=1776451808&width=168" srcset="//www.tuttletwins.com/cdn/shop/files/Frame_48101707_4.png?v=1776451808&width=56 1x, //www.tuttletwins.com/cdn/shop/files/Frame_48101707_4.png?v=1776451808&width=112 2x, //www.tuttletwins.com/cdn/shop/files/Frame_48101707_4.png?v=1776451808&width=168 3x" alt="Homeschool Hub" width="56" height="56" class="dc_expandable-submenu-icon"> <p class="dc_expandable-submenu-label__text">Homeschool Hub</p> </div> </a> </div> <nav class="menu-drawer__navigation"> <ul class="dc_menu-drawer__menu" role="list"><li class="dc_link-item"><a href="/collections/shop-all" class="dc_link" style="display: flex; align-items: center; gap: 10px;"><img class="dc_link-item__image" src="//www.tuttletwins.com/cdn/shop/files/library-solid-standard_1_1.png?v=1776454632&width=40" width="" height=""><span>Shop All</span> </a></li><li class="dc_link-item"><a href="https://www.tuttletwins.com/pages/comparison-page" class="dc_link" style="display: flex; align-items: center; gap: 10px;"><img class="dc_link-item__image" src="//www.tuttletwins.com/cdn/shop/files/Vector.png?v=1768420686&width=40" width="" height=""><span>Compare</span> </a></li><li class="dc_link-item"><a href="https://www.tuttletwins.com/pages/where-to-start" class="dc_link" style="display: flex; align-items: center; gap: 10px;"><img class="dc_link-item__image" src="//www.tuttletwins.com/cdn/shop/files/Frame_4.png?v=1768420685&width=40" width="" height=""><span>Not sure where to start?</span> </a></li></ul> </nav> <nav class="menu-drawer__navigation"> <ul class="dc_menu-drawer__menu" role="list"><li class="dc_link-item"><div class="dc_expandable-header dc_expandable-toggle" role="button" tabindex="0" aria-expanded="false"> <div style="display: flex; align-items: center; gap: 10px;"><span class="dc_link">About</span> </div> <span class="dc_expandable-chevron"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1142ox="0 0 16 16" fill="none" aria-hidden="true" focusable="false"> <path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </div> <ul class="dc_expandable-submenu-links dc_expandable-submenu-links--collapsible" role="list"><li> <a href="https://www.tuttletwins.com/pages/about" class="dc_link"> <span>About Us</span> </a> </li><li> <a href="https://www.tuttletwins.com/pages/blog" class="dc_link"> <span>Blog</span> </a> </li><li> <a href="https://www.tuttletwins.com/pages/events" class="dc_link"> <span>Events</span> </a> </li></ul></li><li class="dc_link-item"><a href="https://www.tuttletwins.com/collections/merch" class="dc_link" style="display: flex; align-items: center; gap: 10px;"><span>Merch</span> </a></li><li class="dc_link-item"><a href="https://www.tuttletwins.com/products/tuttle-twins-giftcard" class="dc_link" style="display: flex; align-items: center; gap: 10px;"><span>Gift Cards</span> </a></li><li class="dc_link-item"><a href="https://account.tuttletwins.com/profile?locale=en&region_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiIwMzRjNzYtNzQtMi5teXNob3BpZnkuY29tIiwiZmxhZ3MiOltdLCJleHAiOjE3OTE0OTk3NzUsIm5iZiI6MTc5MDg5NDk3NX0.GuZfeaGjsXQyPDVSu7-8ICqoktYNSqy_I5JqgW8ifno&consent=s0" class="dc_link" style="display: flex; align-items: center; gap: 10px;"><span>Login</span> </a></li></ul> </nav> <hr class="dc_menu-drawer_separator-line"> <ul class="list-unstyled list-social dc_menw-drawer__social-icons" role="list"><li class="list-social__item"> <a href="https://www.facebook.com/TuttleTwins" class="link list-social__link"> <span class="svg-wrapper"><svg class="icon icon-facebook" viewBox="0 0 320 512"><path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg> </span> <span class="visually-hidden">Facebook</span> </a> </li><li class="list-social__item"> <a href="https://x.com/tuttletwins" class="link list-social__link"> <span class="svg-wrapper"><svg class="icon icon-twitter" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M7.273 2.8 10.8 7.822 15.218 2.8h1.768l-5.4 6.139 5.799 8.254h-4.658l-3.73-5.31-4.671 5.31H2.558l5.654-6.427L2.615 2.8zm6.242 13.125L5.07 4.109h1.405l8.446 11.816z" clip-rule="evenodd"></path></svg> </span> <span class="visually-hidden">X (Twitter)</span> </a> </li><li class="list-social__item"> <a href="https://www.instagram.com/tuttletwins" class="link list-social__link"> <span class="svg-wrapper"><svg class="icon icon-instagram" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"></path></svg> </span> <span class="visually-hidden">Instagram</span> </a> </li><li class="list-social__item"> <a href="https://www.tiktok.com/@tuttle_twins" class="link list-social__link"> <span class="svg-wrapper">
1142<svg class="icon icon-tiktok" viewBox="0 0 20 20"><path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205z"></path></svg> </span> <span class="visually-hidden">TikTok</span> </a> </li><li class="list-social__item"> <a href="https://www.youtube.com/@TheTuttleTwins" class="link list-social__link"> <span class="svg-wrapper"><svg class="icon icon-youtube" viewBox="0 0 20 20"><path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.13 2.13 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.13 2.13 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.17 2.17 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.17 2.17 0 0 1 1.53 1.53M8.3 12.5l4.42-2.55L8.3 7.4z"></path></svg> </span> <span class="visually-hidden">YouTube</span> </a> </li><li class="list-social__item"> <a href="https://www.pinterest.com/TuttleTwins" class="link list-social__link"> <span class="svg-wrapper"><svg class="icon icon-pinterest" viewBox="0 0 20 20"><path fill="currentColor" d="M10 2.01a8.1 8.1 0 0 1 5.666 2.353 8.09 8.09 0 0 1 1.277 9.68A7.95 7.95 0 0 1 10 18.04a8.2 8.2 0 0 1-2.276-.307c.403-.653.672-1.24.816-1.729l.567-2.2c.134.27.393.5.768.702.384.192.768.297 1.19.297q1.254 0 2.248-.72a4.7 4.7 0 0 0 1.537-1.969c.37-.89.554-1.848.537-2.813 0-1.249-.48-2.315-1.43-3.227a5.06 5.06 0 0 0-3.65-1.374c-.893 0-1.729.154-2.478.461a5.02 5.02 0 0 0-3.236 4.552c0 .72.134 1.355.413 1.902.269.538.672.922 1.22 1.152.096.039.182.039.25 0 .066-.028.114-.096.143-.192l.173-.653c.048-.144.02-.288-.105-.432a2.26 2.26 0 0 1-.548-1.565 3.803 3.803 0 0 1 3.976-3.861c1.047 0 1.863.288 2.44.855.585.576.883 1.315.883 2.228a6.8 6.8 0 0 1-.317 2.122 3.8 3.8 0 0 1-.893 1.556c-.384.384-.836.576-1.345.576-.413 0-.749-.144-1.018-.451-.259-.307-.345-.672-.25-1.085q.22-.77.452-1.537l.173-.701c.057-.25.086-.451.086-.624 0-.346-.096-.634-.269-.855-.192-.22-.451-.336-.797-.336-.432 0-.797.192-1.085.595-.288.394-.442.893-.442 1.499.005.374.063.746.173 1.104l.058.144c-.576 2.478-.913 3.938-1.037 4.36-.116.528-.154 1.153-.125 1.863A8.07 8.07 0 0 1 2 10.03c0-2.208.778-4.11 2.343-5.666A7.72 7.72 0 0 1 10 2.001z"></path></svg> </span> <span class="visually-hidden">Pinterest</span> </a> </li></ul> </div> </div> </div> </details> </header-drawer>
1142<script> 1143 document.addEventListener('DOMContentLoaded', function () { 1144 document.querySelectorAll('.dc_expandable-toggle').forEach(function (el) { 1145 function toggle() { 1146 var expanded = el.getAttribute('aria-expanded') === 'true'; 1147 el.setAttribute('aria-expanded', String(!expanded)); 1148 el.nextElementSibling.classList.toggle('is-open', !expanded); 1149 } 1150 el.addEventListener('click', toggle); 1151 el.addEventListener('keydown', function (e) { 1152 if (e.key === 'Enter' || e.key === ' ') { 1153 e.preventDefault(); 1154 toggle(); 1155 } 1156 }); 1157 }); 1158 }); 1159</script>
1159 <a href="/" class="header__heading-link link link--text focus-inset"><div class="header__heading-logo-wrapper" style="max-width:150px;"> <img src="//www.tuttletwins.com/cdn/shop/files/TT_LOGO_Yellow.webp?v=1729345122&width=800" alt="The Tuttle Twins" srcset="//www.tuttletwins.com/cdn/shop/files/TT_LOGO_Yellow.webp?v=1729345122&width=600 600w" width="600" height="229.3170731707317" loading="eager" class="header__heading-logo motion-reduce"> </div></a> <nav class="header__inline-menu"> <ul class="list-menu list-menu--inline" role="list"><li><header-menu> <details id="Details-HeaderMenu-1"> <summary id="HeaderMenu-products" class="header__menu-item list-menu__item link focus-inset"> <span>Products</span><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"></path></svg> </summary> <ul id="HeaderMenu-MenuList-1" class="header__submenu list-menu list-menu--disclosure color-scheme-1 gradient caption-large motion-reduce global-settings-popup" role="list" tabindex="-1"><li><a id="HeaderMenu-products-shop-all" href="/collections/shop-all" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> Shop All </a></li><li><details id="Details-HeaderSubMenu-products-by-age"> <summary id="HeaderMenu-products-by-age" class="header__menu-item link link--text list-menu__item focus-inset caption-large"> <span>By Age</span><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"></path></svg> </summary> <ul id="HeaderMenu-SubMenuList-products-by-age-" class="header__submenu list-menu motion-reduce"><li> <a id="HeaderMenu-products-by-age-toddler" href="/collections/toddler-books" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> Toddler </a> </li><li> <a id="HeaderMenu-products-by-age-age-5-12" href="/pages/childrens-resources" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> Age 5-12 </a> </li><li> <a id="HeaderMenu-products-by-age-age-13" href="/pages/books-for-teens" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> Age 13+ </a> </li></ul> </details></li><li><details id="Details-HeaderSubMenu-products-collections"> <summary id="HeaderMenu-products-collections" class="header__menu-item link link--text list-menu__item focus-inset caption-large"> <span>Collections</span><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"></path></svg> </summary> <ul id="HeaderMenu-SubMenuList-products-collections-" class="header__submenu list-menu motion-reduce"><li> <a id="HeaderMenu-products-collections-bundles" href="/collections/bundles" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> Bundles </a> </li><li> <a id="HeaderMenu-products-collections-childrens-storybooks" href="/collections/childrens-series" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> Children's Storybooks </a> </li><li> <a id="HeaderMenu-products-collections-magazine" href="/collections/magazine" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> Magazine </a> </li><li> <a id="HeaderMenu-products-collections-americas-history" href="/collections/american-history-for-kids" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> America's History </a> </li><li> <a id="HeaderMenu-products-collections-guidebooks" href="/collections/guidebooks" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> Guidebooks </a> </li><li> <a id="HeaderMenu-products-collections-teen-fiction" href="/collections/choose-your-consequence" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> Teen Fiction </a> </li><li> <a id="HeaderMenu-products-collections-curriculum" href="/collections/curriculum" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> Curriculum </a> </li><li> <a id="HeaderMenu-products-collections-toddler-board-books" href="/collections/toddler-books" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> Toddler Board Books </a> </li><li> <a id="HeaderMenu-products-collections-graphic-novels" href="/collections/cartoon" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> Graphic Novels </a> </li><li> <a id="HeaderMenu-products-collections-games" href="/collections/games" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> Games </a> </li><li> <a id="HeaderMenu-products-collections-e-books" href="/collections/e-book" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> E-books </a> </li><li> <a id="HeaderMenu-products-collections-other-products" href="/collections/other-products" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> Other Products </a> </li><li> <a id="HeaderMenu-products-collections-other-languages" href="/pages/other
1159-languages" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> Other Languages </a> </li></ul> </details></li><li><a id="HeaderMenu-products-merch" href="/collections/merch" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> Merch </a></li><li><a id="HeaderMenu-products-gift-cards" href="/products/tuttle-twins-giftcard" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> Gift Cards </a></li><li><a id="HeaderMenu-products-bundle-builder" href="/pages/bundle-builder" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> Bundle Builder </a></li></ul> </details> </header-menu></li><li><a id="HeaderMenu-book-club" href="https://www.tuttletwins.com/products/tuttle-twins-book-subscription" class="header__menu-item list-menu__item link link--text focus-inset"> <span>Book Club</span> </a></li><li><a id="HeaderMenu-shop-bundles" href="/collections/bundles" class="header__menu-item list-menu__item link link--text focus-inset"> <span>Shop Bundles</span> </a></li><li><a id="HeaderMenu-academy" href="/pages/academy" class="header__menu-item list-menu__item link link--text focus-inset"> <span>Academy</span> </a></li><li><a id="HeaderMenu-homeschool-hub" href="/pages/homeschool-hub" class="header__menu-item list-menu__item link link--text focus-inset"> <span>Homeschool Hub</span> </a></li><li><header-menu> <details id="Details-HeaderMenu-6"> <summary id="HeaderMenu-about" class="header__menu-item list-menu__item link focus-inset"> <span>About</span><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"></path></svg> </summary> <ul id="HeaderMenu-MenuList-6" class="header__submenu list-menu list-menu--disclosure color-scheme-1 gradient caption-large motion-reduce global-settings-popup" role="list" tabindex="-1"><li><a id="HeaderMenu-about-about-us" href="/pages/about" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> About Us </a></li><li><a id="HeaderMenu-about-blog" href="/pages/blog" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> Blog </a></li><li><a id="HeaderMenu-about-events" href="/pages/events" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> Events </a></li></ul> </details> </header-menu></li></ul> </nav> <div class="header__icons"> <div class="desktop-localization-wrapper"> </div> <details-modal class="ssky-header-search__mobile header__search"> <details> <summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search"> <span> <span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"></path></svg> </span> </span> </summary> <div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="Search"> <div class="modal-overlay"></div> <div class="search-modal__content search-modal__content-bottom" tabindex="-1"><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form"> <div class="field"> <input class="search__input field__input" id="Search-In-Modal" type="search" name="q" value="" placeholder="Search" role="combobox" aria-expanded="false" aria-owns="predictive-search-results" aria-controls="predictive-search-results" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" style="visibility: hidden; width: 0; height: 0; opacity: 0; "> <label class="field__label" for="Search-In-Modal" style="visibility: hidden; width: 0; height: 0; opacity: 0;">Search</label> <input type="hidden" name="options[prefix]" value="last"> <button class="search__button field__button" aria-label="Search"> <span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19">
1159<path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"></path></svg> </span> </button> </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search=""> </div> <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset" aria-label="Close"> <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"></path></svg> </span> </button> </div> </div> </details> </details-modal> <div class="ssky-header-search__desktop gradient search-modal__content search-modal__content-bottom" tabindex="-1"><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form"> <div class="field"> <input class="search__input field__input" id="Search-In-Modal" type="search" name="q" value="" placeholder="Search" role="combobox" aria-expanded="false" aria-owns="predictive-search-results" aria-controls="predictive-search-results" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" style="visibility: hidden; width: 0; height: 0; opacity: 0;"> <label class="field__label" for="Search-In-Modal" style="visibility: hidden; width: 0; height: 0; opacity: 0;">Search</label> <input type="hidden" name="options[prefix]" value="last"> <button class="search__button field__button" aria-label="Search"> <span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"></path></svg> </span> </button> </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search=""> </div> <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search></div> <a href="https://www.tuttletwins.com/customer_authentication/redirect?locale=en&region_country=US" class="header__icon header__icon--account link focus-inset small-hide" rel="nofollow"><account-icon><span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-account" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M6 4.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8m5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15M9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35" clip-rule="evenodd"></path></svg> </span></account-icon><span class="visually-hidden">Log in</span> </a><a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble"><span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-cart-empty" viewBox="0 0 40 40"><path fill="currentColor" fill-rule="evenodd" d="M15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33L28.4 11.8zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1-9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z"></path></svg></span><span class="visually-hidden">Cart</span></a> </div> </header> </sticky-header> <cart-notification> <div class="cart-notification-wrapper page-width"> <div id="cart-notification" class="cart-notification focus-inset color-scheme-2 gradient" aria-modal="true" aria-label="Item added to your cart" role="dialog" tabindex="-1"> <div class="cart-notification__header"> <h2 class="cart-notification__heading caption-large text-body"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9">
1159<path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg> Item added to your cart </h2> <button type="button" class="cart-notification__close modal__close-button link link--text focus-inset" aria-label="Close"> <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"></path></svg> </span> </button> </div> <div id="cart-notification-product" class="cart-notification-product"></div> <div class="cart-notification__links"> <a href="/cart" id="cart-notification-button" class="button button--secondary button--full-width">View cart</a> <form action="/cart" method="post" id="cart-notification-form"> <button class="button button--primary button--full-width" name="checkout"> Check out </button> </form> <button type="button" class="link button-label">Continue shopping</button> </div> </div> </div> </cart-notification> <style data-shopify=""> 1160 .cart-notification { 1161 display: none; 1162 } 1163</style>
1163<script type="application/ld+json"> 1164 { 1165 "@context": "http://schema.org", 1166 "@type": "Organization", 1167 "name": "The Tuttle Twins", 1168 1169 "logo": "https:\/\/www.tuttletwins.com\/cdn\/shop\/files\/TT_LOGO_Yellow.webp?v=1729345122\u0026width=500", 1170 1171 "sameAs": [ 1172 "https:\/\/x.com\/tuttletwins", 1173 "https:\/\/www.facebook.com\/TuttleTwins", 1174 "https:\/\/www.pinterest.com\/TuttleTwins", 1175 "https:\/\/www.instagram.com\/tuttletwins", 1176 "https:\/\/www.tiktok.com\/@tuttle_twins", 1177 "", 1178 "", 1179 "https:\/\/www.youtube.com\/@TheTuttleTwins", 1180 "" 1181 ], 1182 "url": "https:\/\/www.tuttletwins.com" 1183 } 1184</script>
1184 </div><section id="shopify-section-sections--22196841119882__z_custom_liquid_DkQ4RY" class="shopify-section shopify-section-group-header-group section"><style data-shopify="">.section-sections--22196841119882__z_custom_liquid_DkQ4RY-padding { 1185 padding-top: calc(0px * 0.75); 1186 padding-bottom: calc(0px * 0.75); 1187 } 1188 1189 @media screen and (min-width: 750px) { 1190 .section-sections--22196841119882__z_custom_liquid_DkQ4RY-padding { 1191 padding-top: 0px; 1192 padding-bottom: 0px; 1193 } 1194 }</style><div class="color-scheme-1 gradient"> <div class="section-sections--22196841119882__z_custom_liquid_DkQ4RY-padding"> </div> </div> </section> <!-- END sections: header-group --> <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1"> <link href="//www.tuttletwins.com/cdn/shop/t/158/assets/sections-ssky.css?v=172206795710911231531787249516" rel="stylesheet" type="text/css" media="all"> <section id="shopify-section-template--22196841349258__main" class="shopify-section section"><product-info id="MainProduct-template--22196841349258__main" class="section-template--22196841349258__main-padding gradient color-scheme-1" data-section="template--22196841349258__main" data-product-id="8712112832650" data-update-url="true" data-url="/products/bookclub"> <link href="//www.tuttletwins.com/cdn/shop/t/158/assets/section-main-product.css?v=45488208063735660981787249518" rel="stylesheet" type="text/css" media="all"> <link href="//www.tuttletwins.com/cdn/shop/t/158/assets/component-accordion.css?v=46430265669331212571787249517" rel="stylesheet" type="text/css" media="all"> <link href="//www.tuttletwins.com/cdn/shop/t/158/assets/component-price.css?v=173810941028741436861787249519" rel="stylesheet" type="text/css" media="all"> <link href="//www.tuttletwins.com/cdn/shop/t/158/assets/component-slider.css?v=93354059876761322841787249517" rel="stylesheet" type="text/css" media="all"> <link href="//www.tuttletwins.com/cdn/shop/t/158/assets/component-rating.css?v=179577762467860590411787249516" rel="stylesheet" type="text/css" media="all"> <link href="//www.tuttletwins.com/cdn/shop/t/158/assets/component-deferred-media.css?v=14096082462203297471787249517" rel="stylesheet" type="text/css" media="all"> <style data-shopify="">.section-template--22196841349258__main-padding { 1195 padding-top: 60px; 1196 padding-bottom: 60px; 1197 } 1198 1199 @media screen and (min-width: 750px) { 1200 .section-template--22196841349258__main-padding { 1201 padding-top: 80px; 1202 padding-bottom: 80px; 1203 } 1204 } 1205 1206 #MainProduct-template--22196841349258__main .ssky-product-qty-atc-con--full { 1207 display: block; 1208 gap: 0; 1209 } 1210 1211 #MainProduct-template--22196841349258__main .ssky-product-qty-atc-con--full .ssky-product-qty-con { 1212 display: none !important; 1213 } 1214 1215 #MainProduct-template--22196841349258__main .ssky-product-qty-atc-con--full .ssky-product-atc-con, 1216 #MainProduct-template--22196841349258__main .ssky-product-qty-atc-con--full .buy-buttons--wrapper, 1217 #MainProduct-template--22196841349258__main .ssky-product-qty-atc-con--full .product-form, 1218 #MainProduct-template--22196841349258__main .ssky-product-qty-atc-con--full .product-form form, 1219 #MainProduct-template--22196841349258__main .ssky-product-qty-atc-con--full .product-form__buttons { 1220 flex: 1 1 100% !important; 1221 max-width: none !important; 1222 width: 100% !important; 1223 } 1224 1225 #MainProduct-template--22196841349258__main .ssky-product-qty-atc-con--full .product-form__submit, 1226 #MainProduct-template--22196841349258__main .ssky-product-qty-atc-con--full .flex-bundle-btn, 1227 #MainProduct-template--22196841349258__main .ssky-product-qty-atc-con--full .shopify-payment-button, 1228 #MainProduct-template--22196841349258__main .ssky-product-qty-atc-con--full .shopify-payment-button__button { 1229 max-width: none !important; 1230 width: 100% !important; 1231 } 1232 1233 #MainProduct-template--22196841349258__main .product__info-container .icon-with-text { 1234 --icon-size: 16px; 1235 --icon-spacing: 6px; 1236 margin: 18px 0; 1237 } 1238 1239 #MainProduct-template--22196841349258__main .product__info-container .icon-with-text--horizontal { 1240 align-items: center; 1241 column-gap: 30px; 1242 display: flex; 1243 flex-direction: row; 1244 flex-wrap: wrap; 1245 justify-content: center; 1246 row-gap: 12px; 1247 } 1248 1249 #MainProduct-template--22196841349258__main .product__info-container .icon-with-text--horizontal .icon-with-text__item { 1250 align-items: center; 1251 display: flex; 1252 flex: 0 1 auto; 1253 flex-direction: row; 1254 justify-content: center; 1255 width: auto; 1256 } 1257 1258 #MainProduct-template--22196841349258__main .product__info-container .icon-with-text .svg-wrapper { 1259 color: #28a9e0; 1260 fill: currentColor; 1261 height: var(--icon-size); 1262 margin: 0 var(--icon-spacing) 0 0; 1263 min-height: var(--icon-size); 1264 min-width: var(--icon-size); 1265 width: var(--icon-size); 1266 } 1267 1268 #MainProduct-template--22196841349258__main .product__info-container .icon-with-text .svg-wrapper svg, 1269 #MainProduct-template--22196841349258__main .product__info-container .icon-with-text .svg-wrapper path { 1270 fill: currentColor; 1271 } 1272 1273 #MainProduct-template--22196841349258__main .product__info-container .icon-with-text img { 1274 height: var(--icon-size); 1275 margin: 0 var(--icon-spacing) 0 0; 1276 max-height: var(--icon-size); 1277 max-width: var(--icon-size); 1278 width: var(--icon-size); 1279 } 1280 1281 #MainProduct-template--22196841349258__main .product__info-container .icon-with-text .h4 { 1282 color: #2f2f2f; 1283 font-family: Poppins, var(--font-body-family); 1284 font-size: 14px; 1285 font-weight: 400; 1286 letter-spacing: 0; 1287 line-height: 1.35; 1288 margin: 0; 1289 padding-top: 0; 1290 text-align: left; 1291 } 1292 1293 @media screen and (max-width: 749px) { 1294 #MainProduct-template--22196841349258__main .product__info-container .icon-with-text { 1295 --icon-size: 16px; 1296 --icon-spacing: 4px; 1297 margin: 10px auto; 1298 max-width: 100%; 1299 padding-bottom: 4px; 1300 padding-top: 4px; 1301 width: 100%; 1302 } 1303 1304 #MainProduct-template--22196841349258__main .product__info-container .icon-with-text--horizontal { 1305 column-gap: 10px; 1306 display: flex; 1307 flex-wrap: wrap; 1308 justify-content: center; 1309 row-gap: 10px; 1310 width: 100%; 1311 } 1312 1313 #MainProduct-template--22196841349258__main .product__info-container .icon-with-text--horizontal .icon-with-text__item { 1314 column-gap: 4px; 1315 flex: 0 0 auto; 1316 min-width: 0; 1317 } 1318 1319 #MainProduct-template--22196841349258__main .product__info-container .icon-with-text .h4 { 1320 font-size: clamp(10px, 3.1vw, 12.1px) !important; 1321 line-height: 1.4; 1322 white-space: nowrap; 1323 } 1324 1325 #MainProduct-template--22196841349258__main .product__info-container .icon-with-text .h4 * { 1326 font-size: inherit !important; 1327 line-height: inherit !important; 1328 } 1329 1330 #MainProduct-template--22196841349258__main .product__info-container .icon-with-text + .product__description { 1331 margin-top: 10px; 1332 } 1333 }</style>
1333<script> 1334 document.addEventListener("DOMContentLoaded", function() { 1335 const QUANTITY_LIMIT = 3; 1336 1337 function setupQuantityLimits() { 1338 // Get all quantity inputs on this page 1339 const quantityInputs = document.querySelectorAll('input[name="quantity"], .quantity__input'); 1340 1341 quantityInputs.forEach(function(input) { 1342 // Skip if already initialized 1343 if (input.hasAttribute('data-quantity-limit-initialized')) return; 1344 input.setAttribute('data-quantity-limit-initialized', 'true'); 1345 1346 // Add event listener to enforce limit on input/change 1347 function validateQuantity() { 1348 const value = parseInt(this.value); 1349 if (value > QUANTITY_LIMIT) { 1350 this.value = QUANTITY_LIMIT; 1351 showQuantityWarning(); 1352 } 1353 } 1354 1355 input.addEventListener('input', validateQuantity); 1356 input.addEventListener('change', validateQuantity); 1357 }); 1358 1359 // Find quantity increment buttons 1360 const incrementButtons = document.querySelectorAll('.quantity__button[name="plus"]'); 1361 incrementButtons.forEach(function(button) { 1362 // Skip if already initialized 1363 if (button.hasAttribute('data-quantity-limit-initialized')) return; 1364 button.setAttribute('data-quantity-limit-initialized', 'true'); 1365 1366 button.addEventListener('click', function(e) { 1367 // Get the associated input 1368 const quantityContainer = button.closest('.quantity, quantity-input, .quantity-wrapper'); 1369 const input = quantityContainer ? quantityContainer.querySelector('input[name="quantity"], .quantity__input') : null; 1370 1371 if (input) { 1372 const currentValue = parseInt(input.value); 1373 // Only show warning and prevent if trying to go ABOVE the limit 1374 if (currentValue >= QUANTITY_LIMIT) { 1375 e.preventDefault(); 1376 e.stopPropagation(); 1377 input.value = QUANTITY_LIMIT; 1378 // Only show warning if they're trying to exceed the limit 1379 if (currentValue > QUANTITY_LIMIT) { 1380 showQuantityWarning(); 1381 } 1382 return false; 1383 } 1384 } 1385 }); 1386 }); 1387 } 1388 1389 function showQuantityWarning() { 1390 // Check if warning is already showing 1391 if (window.quantityWarningTimeout) { 1392 clearTimeout(window.quantityWarningTimeout); 1393 } 1394 1395 alert("You may not add more than 3 of this product to cart"); 1396 1397 // Prevent rapid-fire alerts 1398 window.quantityWarningTimeout = setTimeout(() => { 1399 window.quantityWarningTimeout = null; 1400 }, 2000); 1401 } 1402 1403 // Run initially 1404 setupQuantityLimits(); 1405 1406 // Set up a MutationObserver to handle dynamically loaded elements 1407 const observer = new MutationObserver(function(mutations) { 1408 setupQuantityLimits(); 1409 }); 1410 1411 observer.observe(document.body, { childList: true, subtree: true }); 1412 }); 1413</script>
1413
1413<script src="//www.tuttletwins.com/cdn/shop/t/158/assets/product-info.js?v=149160427226008204701787249516" defer="defer"></script>
1413
1413<script src="//www.tuttletwins.com/cdn/shop/t/158/assets/product-form.js?v=113680678439910740901787249516" defer="defer"></script>
1413 <div class="page-width"> <div class="ssky-product product product--medium product--left product--thumbnail_slider product--mobile-show grid grid--1-col grid--2-col-tablet" id="mainProduct_scrollTop"> <div class="grid__item product__media-wrapper"> <media-gallery id="MediaGallery-template--22196841349258__main" role="region" class="product__column-sticky" aria-label="Gallery Viewer" data-desktop-layout="thumbnail_slider"> <div id="GalleryStatus-template--22196841349258__main" class="visually-hidden" role="status"></div> <slider-component id="GalleryViewer-template--22196841349258__main" class="slider-mobile-gutter"> <a class="skip-to-content-link button visually-hidden quick-add-hidden" href="#ProductInfo-template--22196841349258__main"> Skip to product information </a> <ul id="Slider-Gallery-template--22196841349258__main" class="product__media-list contains-media grid grid--peek list-unstyled slider slider--mobile" role="list"> <li id="Slide-template--22196841349258__main-34249216360586" class="product__media-item grid__item slider__slide is-active scroll-tr
1413igger animate--fade-in" data-media-id="template--22196841349258__main-34249216360586"> <div class="product-media-container media-type-image media-fit-contain global-media-settings gradient" style="--ratio: 1.0; --preview-ratio: 1.0;"> <modal-opener class="product__modal-opener product__modal-opener--image" data-modal="#ProductModal-template--22196841349258__main"> <span class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox" aria-hidden="true"> <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-plus" viewBox="0 0 19 19"><path fill="currentColor" fill-rule="evenodd" d="M4.667 7.94a.5.5 0 0 1 .499-.501l5.534-.014a.5.5 0 1 1 .002 1l-5.534.014a.5.5 0 0 1-.5-.5" clip-rule="evenodd"></path><path fill="currentColor" fill-rule="evenodd" d="M7.926 4.665a.5.5 0 0 1 .501.498l.014 5.534a.5.5 0 1 1-1 .003l-.014-5.534a.5.5 0 0 1 .499-.501" clip-rule="evenodd"></path><path fill="currentColor" fill-rule="evenodd" d="M12.832 3.03a6.931 6.931 0 1 0-9.802 9.802 6.931 6.931 0 0 0 9.802-9.802M2.323 2.323a7.931 7.931 0 0 1 11.296 11.136l4.628 4.628a.5.5 0 0 1-.707.707l-4.662-4.662A7.932 7.932 0 0 1 2.323 2.323" clip-rule="evenodd"></path></svg> </span> </span> <div class="loading__spinner hidden"> <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"></circle></svg> </div> <div class="product__media media media--transparent"> <img src="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&width=1946" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&width=246 246w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&width=493 493w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&width=600 600w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&width=713 713w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&width=823 823w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&width=990 990w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&width=1100 1100w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&width=1206 1206w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&width=1346 1346w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&width=1426 1426w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&width=1646 1646w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&width=1946 1946w" width="1946" height="1946" class="image-magnify-lightbox" sizes="(min-width: 1300px) 660px, (min-width: 990px) calc(55.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)" loading="eager" fetchpriority="high"> </div> <button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="34249216360586"> <span class="visually-hidden"> Open media 1 in modal </span> </button> </modal-opener></div> </li> <li id="Slide-template--22196841349258__main-34249216327818" class="product__media-item grid__item slider__slide scroll-trigger animate--fade-in" data-media-id="template--22196841349258__main-34249216327818"> <div class="product-media-container media-type-image media-fit-contain global-media-settings gradient" style="--ratio: 1.0; --preview-ratio: 1.0;"> <modal-opener class="product__modal-opener product__modal-opener--image" data-modal="#ProductModal-template--22196841349258__main"> <span class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox" aria-hidden="true"> <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-plus" viewBox="0 0 19 19"><path fill="currentColor" fill-rule="evenodd" d="M4.667 7.94a.5.5 0 0 1 .499-.501l5.534-.014a.5.5 0 1 1 .002 1l-5.534.014a.5.5 0 0 1-.5-.5" clip-rule="evenodd"></path><path fill="currentColor" fill-rule="evenodd" d="M7.926 4.665a.5.5 0 0 1 .501.498l.014 5.534a.5.5 0 1 1-1 .003l-.014-5.534a.5.5 0 0 1 .499-.501" clip-rule="evenodd"></path>
1413<path fill="currentColor" fill-rule="evenodd" d="M12.832 3.03a6.931 6.931 0 1 0-9.802 9.802 6.931 6.931 0 0 0 9.802-9.802M2.323 2.323a7.931 7.931 0 0 1 11.296 11.136l4.628 4.628a.5.5 0 0 1-.707.707l-4.662-4.662A7.932 7.932 0 0 1 2.323 2.323" clip-rule="evenodd"></path></svg> </span> </span> <div class="loading__spinner hidden"> <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"></circle></svg> </div> <div class="product__media media media--transparent"> <img src="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&width=1946" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&width=246 246w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&width=493 493w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&width=600 600w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&width=713 713w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&width=823 823w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&width=990 990w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&width=1100 1100w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&width=1206 1206w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&width=1346 1346w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&width=1426 1426w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&width=1646 1646w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&width=1946 1946w" width="1946" height="1946" loading="lazy" class="image-magnify-lightbox" sizes="(min-width: 1300px) 660px, (min-width: 990px) calc(55.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> </div> <button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="34249216327818"> <span class="visually-hidden"> Open media 2 in modal </span> </button> </modal-opener></div> </li> <li id="Slide-template--22196841349258__main-34249216196746" class="product__media-item grid__item slider__slide scroll-trigger animate--fade-in" data-media-id="template--22196841349258__main-34249216196746"> <div class="product-media-container media-type-image media-fit-contain global-media-settings gradient" style="--ratio: 1.0; --preview-ratio: 1.0;"> <modal-opener class="product__modal-opener product__modal-opener--image" data-modal="#ProductModal-template--22196841349258__main"> <span class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox" aria-hidden="true"> <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-plus" viewBox="0 0 19 19"><path fill="currentColor" fill-rule="evenodd" d="M4.667 7.94a.5.5 0 0 1 .499-.501l5.534-.014a.5.5 0 1 1 .002 1l-5.534.014a.5.5 0 0 1-.5-.5" clip-rule="evenodd"></path><path fill="currentColor" fill-rule="evenodd" d="M7.926 4.665a.5.5 0 0 1 .501.498l.014 5.534a.5.5 0 1 1-1 .003l-.014-5.534a.5.5 0 0 1 .499-.501" clip-rule="evenodd"></path><path fill="currentColor" fill-rule="evenodd" d="M12.832 3.03a6.931 6.931 0 1 0-9.802 9.802 6.931 6.931 0 0 0 9.802-9.802M2.323 2.323a7.931 7.931 0 0 1 11.296 11.136l4.628 4.628a.5.5 0 0 1-.707.707l-4.662-4.662A7.932 7.932 0 0 1 2.323 2.323" clip-rule="evenodd"></path></svg> </span> </span> <div class="loading__spinner hidden"> <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"></circle></svg> </div> <div class="product__media media media--transparent"> <img src="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&width=1946" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&width=246 246w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&width=493 493w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&width=600 600w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&width=713 713w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&width=823 823w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&width=990 990w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&width=1100 1100w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&width=1206 1206w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&width=1346 1346w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&width=1426 1426w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&width=1646 1646w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&width=1946 1946w" width="1946" height="1946" loading="lazy" class="image-magnify-lightbox" sizes="(min-width: 1300px) 660px, (min-width: 990px) calc(55.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> </div> <button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="34249216196746"> <span class="visually-hidden">
1413 Open media 3 in modal </span> </button> </modal-opener></div> </li> <li id="Slide-template--22196841349258__main-34249216229514" class="product__media-item grid__item slider__slide scroll-trigger animate--fade-in" data-media-id="template--22196841349258__main-34249216229514"> <div class="product-media-container media-type-image media-fit-contain global-media-settings gradient" style="--ratio: 1.0; --preview-ratio: 1.0;"> <modal-opener class="product__modal-opener product__modal-opener--image" data-modal="#ProductModal-template--22196841349258__main"> <span class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox" aria-hidden="true"> <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-plus" viewBox="0 0 19 19"><path fill="currentColor" fill-rule="evenodd" d="M4.667 7.94a.5.5 0 0 1 .499-.501l5.534-.014a.5.5 0 1 1 .002 1l-5.534.014a.5.5 0 0 1-.5-.5" clip-rule="evenodd"></path><path fill="currentColor" fill-rule="evenodd" d="M7.926 4.665a.5.5 0 0 1 .501.498l.014 5.534a.5.5 0 1 1-1 .003l-.014-5.534a.5.5 0 0 1 .499-.501" clip-rule="evenodd"></path><path fill="currentColor" fill-rule="evenodd" d="M12.832 3.03a6.931 6.931 0 1 0-9.802 9.802 6.931 6.931 0 0 0 9.802-9.802M2.323 2.323a7.931 7.931 0 0 1 11.296 11.136l4.628 4.628a.5.5 0 0 1-.707.707l-4.662-4.662A7.932 7.932 0 0 1 2.323 2.323" clip-rule="evenodd"></path></svg> </span> </span> <div class="loading__spinner hidden"> <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"></circle></svg> </div> <div class="product__media media media--transparent"> <img src="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&width=1946" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&width=246 246w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&width=493 493w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&width=600 600w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&width=713 713w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&width=823 823w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&width=990 990w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&width=1100 1100w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&width=1206 1206w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&width=1346 1346w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&width=1426 1426w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&width=1646 1646w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&width=1946 1946w" width="1946" height="1946" loading="lazy" class="image-magnify-lightbox" sizes="(min-width: 1300px) 660px, (min-width: 990px) calc(55.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> </div> <button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="34249216229514"> <span class="visually-hidden"> Open media 4 in modal </span> </button> </modal-opener></div> </li> <li id="Slide-template--22196841349258__main-34249216393354" class="product__media-item grid__item slider__slide scroll-trigger animate--fade-in" data-media-id="template--22196841349258__main-34249216393354"> <div class="product-media-container media-type-image media-fit-contain global-media-settings gradient" style="--ratio: 1.0; --preview-ratio: 1.0;"> <modal-opener class="product__modal-opener product__modal-opener--image" data-modal="#ProductModal-template--22196841349258__main"> <span class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox" aria-hidden="true"> <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-plus" viewBox="0 0 19 19"><path fill="currentColor" fill-rule="evenodd" d="M4.667 7.94a.5.5 0 0 1 .499-.501l5.534-.014a.5.5 0 1 1 .002 1l-5.534.014a.5.5 0 0 1-.5-.5" clip-rule="evenodd"></path>
1413<path fill="currentColor" fill-rule="evenodd" d="M7.926 4.665a.5.5 0 0 1 .501.498l.014 5.534a.5.5 0 1 1-1 .003l-.014-5.534a.5.5 0 0 1 .499-.501" clip-rule="evenodd"></path><path fill="currentColor" fill-rule="evenodd" d="M12.832 3.03a6.931 6.931 0 1 0-9.802 9.802 6.931 6.931 0 0 0 9.802-9.802M2.323 2.323a7.931 7.931 0 0 1 11.296 11.136l4.628 4.628a.5.5 0 0 1-.707.707l-4.662-4.662A7.932 7.932 0 0 1 2.323 2.323" clip-rule="evenodd"></path></svg> </span> </span> <div class="loading__spinner hidden"> <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"></circle></svg> </div> <div class="product__media media media--transparent"> <img src="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&width=1946" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&width=246 246w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&width=493 493w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&width=600 600w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&width=713 713w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&width=823 823w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&width=990 990w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&width=1100 1100w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&width=1206 1206w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&width=1346 1346w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&width=1426 1426w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&width=1646 1646w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&width=1946 1946w" width="1946" height="1946" loading="lazy" class="image-magnify-lightbox" sizes="(min-width: 1300px) 660px, (min-width: 990px) calc(55.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> </div> <button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="34249216393354"> <span class="visually-hidden"> Open media 5 in modal </span> </button> </modal-opener></div> </li> <li id="Slide-template--22196841349258__main-34249216262282" class="product__media-item grid__item slider__slide scroll-trigger animate--fade-in" data-media-id="template--22196841349258__main-34249216262282"> <div class="product-media-container media-type-image media-fit-contain global-media-settings gradient" style="--ratio: 1.0; --preview-ratio: 1.0;"> <modal-opener class="product__modal-opener product__modal-opener--image" data-modal="#ProductModal-template--22196841349258__main"> <span class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox" aria-hidden="true"> <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-plus" viewBox="0 0 19 19"><path fill="currentColor" fill-rule="evenodd" d="M4.667 7.94a.5.5 0 0 1 .499-.501l5.534-.014a.5.5 0 1 1 .002 1l-5.534.014a.5.5 0 0 1-.5-.5" clip-rule="evenodd"></path><path fill="currentColor" fill-rule="evenodd" d="M7.926 4.665a.5.5 0 0 1 .501.498l.014 5.534a.5.5 0 1 1-1 .003l-.014-5.534a.5.5 0 0 1 .499-.501" clip-rule="evenodd"></path><path fill="currentColor" fill-rule="evenodd" d="M12.832 3.03a6.931 6.931 0 1 0-9.802 9.802 6.931 6.931 0 0 0 9.802-9.802M2.323 2.323a7.931 7.931 0 0 1 11.296 11.136l4.628 4.628a.5.5 0 0 1-.707.707l-4.662-4.662A7.932 7.932 0 0 1 2.323 2.323" clip-rule="evenodd"></path></svg> </span> </span> <div class="loading__spinner hidden"> <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"></circle></svg> </div> <div class="product__media media media--transparent"> <img src="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&width=1946" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&width=246 246w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&width=493 493w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&width=600 600w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&width=713 713w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&width=823 823w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&width=990 990w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&width=1100 1100w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&width=1206 1206w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&width=1346 1346w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&width=1426 1426w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&width=1646 1646w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&width=1946 1946w" width="1946" height="1946" loading="lazy" class="image-magnify-lightbox" sizes="(min-width: 1300px) 660px, (min-width: 990px) calc(55.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> </div> <button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="34249216262282"> <span class="visually-hidden">
1413 Open media 6 in modal </span> </button> </modal-opener></div> </li> <li id="Slide-template--22196841349258__main-34249216295050" class="product__media-item grid__item slider__slide scroll-trigger animate--fade-in" data-media-id="template--22196841349258__main-34249216295050"> <div class="product-media-container media-type-image media-fit-contain global-media-settings gradient" style="--ratio: 1.0; --preview-ratio: 1.0;"> <modal-opener class="product__modal-opener product__modal-opener--image" data-modal="#ProductModal-template--22196841349258__main"> <span class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox" aria-hidden="true"> <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-plus" viewBox="0 0 19 19"><path fill="currentColor" fill-rule="evenodd" d="M4.667 7.94a.5.5 0 0 1 .499-.501l5.534-.014a.5.5 0 1 1 .002 1l-5.534.014a.5.5 0 0 1-.5-.5" clip-rule="evenodd"></path><path fill="currentColor" fill-rule="evenodd" d="M7.926 4.665a.5.5 0 0 1 .501.498l.014 5.534a.5.5 0 1 1-1 .003l-.014-5.534a.5.5 0 0 1 .499-.501" clip-rule="evenodd"></path><path fill="currentColor" fill-rule="evenodd" d="M12.832 3.03a6.931 6.931 0 1 0-9.802 9.802 6.931 6.931 0 0 0 9.802-9.802M2.323 2.323a7.931 7.931 0 0 1 11.296 11.136l4.628 4.628a.5.5 0 0 1-.707.707l-4.662-4.662A7.932 7.932 0 0 1 2.323 2.323" clip-rule="evenodd"></path></svg> </span> </span> <div class="loading__spinner hidden"> <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"></circle></svg> </div> <div class="product__media media media--transparent"> <img src="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&width=1946" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&width=246 246w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&width=493 493w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&width=600 600w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&width=713 713w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&width=823 823w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&width=990 990w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&width=1100 1100w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&width=1206 1206w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&width=1346 1346w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&width=1426 1426w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&width=1646 1646w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&width=1946 1946w" width="1946" height="1946" loading="lazy" class="image-magnify-lightbox" sizes="(min-width: 1300px) 660px, (min-width: 990px) calc(55.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> </div> <button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="34249216295050"> <span class="visually-hidden"> Open media 7 in modal </span> </button> </modal-opener></div> </li> <li id="Slide-template--22196841349258__main-34249216426122" class="product__media-item grid__item slider__slide scroll-trigger animate--fade-in" data-media-id="template--22196841349258__main-34249216426122"> <div class="product-media-container media-type-image media-fit-contain global-media-settings gradient" style="--ratio: 1.0; --preview-ratio: 1.0;"> <modal-opener class="product__modal-opener product__modal-opener--image" data-modal="#ProductModal-template--22196841349258__main"> <span class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox" aria-hidden="true"> <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-plus" viewBox="0 0 19 19"><path fill="currentColor" fill-rule="evenodd" d="M4.667 7.94a.5.5 0 0 1 .499-.501l5.534-.014a.5.5 0 1 1 .002 1l-5.534.014a.5.5 0 0 1-.5-.5" clip-rule="evenodd"></path>
1413<path fill="currentColor" fill-rule="evenodd" d="M7.926 4.665a.5.5 0 0 1 .501.498l.014 5.534a.5.5 0 1 1-1 .003l-.014-5.534a.5.5 0 0 1 .499-.501" clip-rule="evenodd"></path><path fill="currentColor" fill-rule="evenodd" d="M12.832 3.03a6.931 6.931 0 1 0-9.802 9.802 6.931 6.931 0 0 0 9.802-9.802M2.323 2.323a7.931 7.931 0 0 1 11.296 11.136l4.628 4.628a.5.5 0 0 1-.707.707l-4.662-4.662A7.932 7.932 0 0 1 2.323 2.323" clip-rule="evenodd"></path></svg> </span> </span> <div class="loading__spinner hidden"> <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"></circle></svg> </div> <div class="product__media media media--transparent"> <img src="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&width=1946" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&width=246 246w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&width=493 493w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&width=600 600w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&width=713 713w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&width=823 823w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&width=990 990w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&width=1100 1100w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&width=1206 1206w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&width=1346 1346w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&width=1426 1426w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&width=1646 1646w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&width=1946 1946w" width="1946" height="1946" loading="lazy" class="image-magnify-lightbox" sizes="(min-width: 1300px) 660px, (min-width: 990px) calc(55.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> </div> <button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="34249216426122"> <span class="visually-hidden"> Open media 8 in modal </span> </button> </modal-opener></div> </li></ul> <div class="slider-buttons quick-add-hidden small-hide"> <button type="button" class="slider-button slider-button--prev" name="previous" aria-label="Slide left"> <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"></path></svg> </span> </button> <div class="slider-counter caption"> <span class="slider-counter--current">1</span> <span aria-hidden="true"> / </span> <span class="visually-hidden">of</span> <span class="slider-counter--total">8</span> </div> <button type="button" class="slider-button slider-button--next" name="next" aria-label="Slide right"> <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"></path></svg> </span> </button> </div> </slider-component><slider-component id="GalleryThumbnails-template--22196841349258__main" class="thumbnail-slider slider-mobile-gutter quick-add-hidden"> <button type="button" class="slider-button slider-button--prev" name="previous" aria-label="Slide left" aria-controls="GalleryThumbnails-template--22196841349258__main" data-step="3"> <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"></path></svg> </span> </button> <ul id="Slider-Thumbnails-template--22196841349258__main" class="thumbnail-list list-unstyled slider slider--mobile slider--tablet-up"><li id="Slide-Thumbnails-template--22196841349258__main-1" class="thumbnail-list__item slider__slide" data-target="template--22196841349258__main-34249216360586" data-media-position="1"><button class="thumbnail global-media-settings global-media-settings--no-shadow" aria-label="Load image 1 in gallery view" aria-current="true" aria-controls="GalleryViewer-template--22196841349258__main" aria-describedby="Thumbnail-template--22196841349258__main-1 1414"> <img src="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&width=416" alt="Tuttle Twins Book Club" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&width=54 54w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&width=74 74w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&width=104 104w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&width=162 162w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&width=208 208w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&width=324 324w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&width=416 416w" width="416" height="416" loading="lazy" sizes="(min-width: 1300px) calc((660 - 4rem) / 4), 1415 (min-width: 990px) calc((55.0vw - 4rem) / 4), 1416 (min-width: 750px) calc((100vw - 15rem) / 8), 1417 calc((100vw - 8rem) / 3)" id="Thumbnail-template--22196841349258__main-1 1418"> </button> </li><li id="Slide-Thumbnails-template--22196841349258__main-2" class="thumbnail-list__item slider__slide" data-target="template--22196841349258__main-34249216327818" data-media-position="2"><button class="thumbnail global-media-settings global-media-settings--no-shadow" aria-label="Load image 2 in gallery view" aria-controls="GalleryViewer-template--22196841349258__main" aria-describedby="Thumbnail-template--22196841349258__main-2 1419"> <img src="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&width=416" alt="Tuttle Twins Book Club" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&width=54 54w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&width=74 74w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&width=104 104w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&width=162 162w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&width=208 208w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&width=324 324w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&width=416 416w" width="416" height="416" loading="lazy" sizes="(min-width: 1300px) calc((660 - 4rem) / 4), 1420 (min-width: 990px) calc((55.0vw - 4rem) / 4), 1421 (min-width: 750px) calc((100vw - 15rem) / 8), 1422 calc((100vw - 8rem) / 3)" id="Thumbnail-template--22196841349258__main-2 1423"> </button> </li><li id="Slide-Thumbnails-template--22196841349258__main-3" class="thumbnail-list__item slider__slide" data-target="template--22196841349258__main-34249216196746" data-media-position="3"><button class="thumbnail global-media-settings global-media-settings--no-shadow" aria-label="Load image 3 in gallery view" aria-controls="GalleryViewer-template--22196841349258__main" aria-describedby="Thumbnail-template--22196841349258__main-3 1424"> <img src="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&width=416" alt="Tuttle Twins Book Club" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&width=54 54w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&width=74 74w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&width=104 104w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&width=162 162w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&width=208 208w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&width=324 324w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&width=416 416w" width="416" height="416" loading="lazy" sizes="(min-width: 1300px) calc((660 - 4rem) / 4), 1425 (min-width: 990px) calc((55.0vw - 4rem) / 4), 1426 (min-width: 750px) calc((100vw - 15rem) / 8), 1427 calc((100vw - 8rem) / 3)" id="Thumbnail-template--22196841349258__main-3 1428"> </button> </li><li id="Slide-Thumbnails-template--22196841349258__main-4" class="thumbnail-list__item slider__slide" data-target="template--22196841349258__main-34249216229514" data-media-position="4"><button class="thumbnail global-media-settings global-media-settings--no-shadow" aria-label="Load image 4 in gallery view" aria-controls="GalleryViewer-template--22196841349258__main" aria-describedby="Thumbnail-template--22196841349258__main-4 1429"> <img src="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&width=416" alt="Tuttle Twins Book Club" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&width=54 54w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&width=74 74w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&width=104 104w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&width=162 162w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&width=208 208w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&width=324 324w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&width=416 416w" width="416" height="416" loading="lazy" sizes="(min-width: 1300px) calc((660 - 4rem) / 4), 1430 (min-width: 990px) calc((55.0vw - 4rem) / 4), 1431 (min-width: 750px) calc((100vw - 15rem) / 8), 1432 calc((100vw - 8rem) / 3)" id="Thumbnail-template--22196841349258__main-4 1433"> </button> </li><li id="Slide-Thumbnails-template--22196841349258__main-5" class="thumbnail-list__item slider__slide" data-target="template--22196841349258__main-34249216393354" data-media-position="5"><button class="thumbnail global-media-settings global-media-settings--no-shadow" aria-label="Load image 5 in gallery view" aria-controls="GalleryViewer-template--22196841349258__main" aria-describedby="Thumbnail-template--22196841349258__main-5 1434"> <img src="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&width=416" alt="Tuttle Twins Book Club" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&width=54 54w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&width=74 74w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&width=104 104w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&width=162 162w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&width=208 208w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&width=324 324w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&width=416 416w" width="416" height="416" loading="lazy" sizes="(min-width: 1300px) calc((660 - 4rem) / 4), 1435 (min-width: 990px) calc((55.0vw - 4rem) / 4), 1436 (min-width: 750px) calc((100vw - 15rem) / 8), 1437 calc((100vw - 8rem) / 3)" id="Thumbnail-template--22196841349258__main-5 1438"> </button> </li><li id="Slide-Thumbnails-template--22196841349258__main-6" class="thumbnail-list__item slider__slide" data-target="template--22196841349258__main-34249216262282" data-media-position="6"><button class="thumbnail global-media-settings global-media-settings--no-shadow" aria-label="Load image 6 in gallery view" aria-controls="GalleryViewer-template--22196841349258__main" aria-describedby="Thumbnail-template--22196841349258__main-6 1439"> <img src="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&width=416" alt="Tuttle Twins Book Club" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&width=54 54w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&width=74 74w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&width=104 104w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&width=162 162w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&width=208 208w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&width=324 324w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&width=416 416w" width="416" height="416" loading="lazy" sizes="(min-width: 1300px) calc((660 - 4rem) / 4), 1440 (min-width: 990px) calc((55.0vw - 4rem) / 4), 1441 (min-width: 750px) calc((100vw - 15rem) / 8), 1442 calc((100vw - 8rem) / 3)" id="Thumbnail-template--22196841349258__main-6 1443"> </button> </li><li id="Slide-Thumbnails-template--22196841349258__main-7" class="thumbnail-list__item slider__slide" data-target="template--22196841349258__main-34249216295050" data-media-position="7"><button class="thumbnail global-media-settings global-media-settings--no-shadow" aria-label="Load image 7 in gallery view" aria-controls="GalleryViewer-template--22196841349258__main" aria-describedby="Thumbnail-template--22196841349258__main-7 1444"> <img src="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&width=416" alt="Tuttle Twins Book Club" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&width=54 54w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&width=74 74w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&width=104 104w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&width=162 162w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&width=208 208w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&width=324 324w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&width=416 416w" width="416" height="416" loading="lazy" sizes="(min-width: 1300px) calc((660 - 4rem) / 4), 1445 (min-width: 990px) calc((55.0vw - 4rem) / 4), 1446 (min-width: 750px) calc((100vw - 15rem) / 8), 1447 calc((100vw - 8rem) / 3)" id="Thumbnail-template--22196841349258__main-7 1448"> </button> </li><li id="Slide-Thumbnails-template--22196841349258__main-8" class="thumbnail-list__item slider__slide" data-target="template--22196841349258__main-34249216426122" data-media-position="8"><button class="thumbnail global-media-settings global-media-settings--no-shadow" aria-label="Load image 8 in gallery view" aria-controls="GalleryViewer-template--22196841349258__main" aria-describedby="Thumbnail-template--22196841349258__main-8 1449"> <img src="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&width=416" alt="Tuttle Twins Book Club" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&width=54 54w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&width=74 74w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&width=104 104w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&width=162 162w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&width=208 208w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&width=324 324w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&width=416 416w" width="416" height="416" loading="lazy" sizes="(min-width: 1300px) calc((660 - 4rem) / 4), 1450 (min-width: 990px) calc((55.0vw - 4rem) / 4), 1451 (min-width: 750px) calc((100vw - 15rem) / 8), 1452 calc((100vw - 8rem) / 3)" id="Thumbnail-template--22196841349258__main-8 1453"> </button> </li></ul> <button type="button" class="slider-button slider-button--next" name="next" aria-label="Slide right" aria-controls="GalleryThumbnails-template--22196841349258__main" data-step="3"> <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6">
1453<path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"></path></svg> </span> </button> </slider-component></media-gallery> </div> <div class="product__info-wrapper grid__item scroll-trigger animate--slide-in"> <section id="ProductInfo-template--22196841349258__main" class="product__info-container product__column-sticky"><div id="shopify-block-AL1QwZzU4NXB0cWV6b__okendo_star_rating_QegwT3" class="shopify-block shopify-app-block"> <div data-oke-star-rating="" data-oke-reviews-product-id="shopify-8712112832650"> <div data-oke-reviews-version="0.98.0" data-oke-container="" class="okeReviews oke-sr"><div class=""><div class="oke-sr-rating"> 4.9 </div><div class="oke-sr-stars"><div class="oke-stars"><!----><div class="oke-stars-background"><svg height="16" viewBox="0 0 80 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-empty"></use><use x="16.35" href="#oke-star-empty"></use><use x="32.7" href="#oke-star-empty"></use><use x="49.050000000000004" href="#oke-star-empty"></use><use x="65.4" href="#oke-star-empty"></use></svg></div><div class="oke-stars-foreground" style="width: 98.175%;"><svg height="16" viewBox="0 0 80 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-filled"></use><use x="16.35" href="#oke-star-filled"></use><use x="32.7" href="#oke-star-filled"></use><use x="49.050000000000004" href="#oke-star-filled"></use><use x="65.4" href="#oke-star-filled"></use></svg></div><span class="oke-a11yText">Rated 4.9 out of 5 stars</span></div></div><div class="oke-sr-count"><span class="oke-sr-count-number">12</span><span class="oke-sr-label-text"> Reviews</span><!----></div><!----></div>
1453<script type="application/json" data-oke-metafield-data=""> {"averageRating":"4.9","reviewCount":12} </script>
1453</div> </div> </div> <div class="product__title"> <h1>Tuttle Twins Book Club</h1> <a href="/products/bookclub" class="product__title"> <h2 class="h1"> Tuttle Twins Book Club </h2> </a> </div><div id="price-template--22196841349258__main" role="status" class="main_productPrice"> <div class=" 1454 price primary-blue price--on-sale price--show-badge"> <div class="price__container"> <div class="price__regular"><span class="visually-hidden visually-hidden--inline"> Regular price </span> <span class="price-item price-item--regular" data-variant-id="47235382149258"> $19.99 </span></div> <div class="price__sale"><span class="visually-hidden visually-hidden--inline"> Regular price </span> <span> <s class="price-item price-item--regular" data-variant-id="47235382149258"> $25.98 USD </s> </span><span class="visually-hidden visually-hidden--inline"> Sale price </span> <span class="price-item price-item--sale price-item--last" data-variant-id="47235382149258"> $19.99 USD </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Unit price</span> <span class="price-item price-item--last"> <span> $ </span> <span aria-hidden="true">/</span> <span class="visually-hidden"> per </span> <span> </span> </span> </small> </div><span class="badge price__badge-sale color-scheme-4">Sale </span> <span class="badge price__badge-sold-out color-scheme-3"> Sold out </span></div> </div> <div class="product_short_dis product__text inline-richtext"><ul><li>Perfect for ages 5-12</li><li>Raise Kids who think for themselves</li></ul><p></p><ul><li>Hassle-Free Subscription</li><li>Free Shipping</li></ul></div><div class="shipment_block"> <div class="shipment_block_row"> <h3>What is included in my shipment?</h3> <div class="shipment_block_col"> <div class="shipment_block_img"> <img src="//www.tuttletwins.com/cdn/shop/files/Frame_48102251_500X500.png?v=1771223886" alt=""> </div> <p>2 Tuttle Twins series books</p> </div> </div> </div> <div class="ssky-product-qty-atc-con ssky-product-qty-atc-con--full"><input type="hidden" name="quantity" value="1" form="product-form-template--22196841349258__main"><div class="ssky-product-atc-con"> <div class="buy-buttons--wrapper"><product-form class="product-form" data-hide-errors="false" data-section-id="template--22196841349258__main"> <div class="product-form__error-message-wrapper" role="alert" hidden=""> <span class="svg-wrapper"><svg class="icon icon-error" viewBox="0 0 13 13"><circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="2"></circle><circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"></circle><path fill="#fff" d="m5.874 3.528.1 4.044h1.053l.1-4.044zm.627 6.133c.38 0 .68-.288.68-.656s-.3-.656-.68-.656-.681.288-.681.656.3.656.68.656"></path><path fill="#fff" stroke="#EB001B" stroke-width=".7" d="M5.874 3.178h-.359l.01.359.1 4.044.008.341h1.736l.008-.341.1-4.044.01-.359H5.873Zm.627 6.833c.56 0 1.03-.432 1.03-1.006s-.47-1.006-1.03-1.006-1.031.432-1.031 1.006.47 1.006 1.03 1.006Z"></path></svg> </span> <span class="product-form__error-message"></span> </div><form method="post" action="/cart/add" id="product-form-template--22196841349258__main" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="â"><input type="hidden" name="id" value="47235382149258" class="product-variant-id"> <input type="hidden" name="selling_plan" value="2026111114"> <div class="product-form__buttons"><button id="ProductSubmitButton-template--22196841349258__main" type="submit" name="add" class="product-form__submit button button--full-width button--primary"><span> Get Started - <s>$19.99</s> </span> <div class="loading__spinner hidden"> <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"></circle></svg> </div> </button></div> <div class="button_bottomLabel"> <p> <span> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.99996 6.00004C7.26356 6.00004 6.66663 6.44775 6.66663 7.00004C6.66663 7.55231 7.26356 8.00004 7.99996 8.00004C8.73636 8.00004 9.33329 8.44777 9.33329 9.00004C9.33329 9.55231 8.73636 10 7.99996 10M7.99996 6.00004C8.58049 6.00004 9.07436 6.27831 9.25743 6.66671M7.99996 6.00004V5.33337M7.99996 10C7.41943 10 6.92556 9.72177 6.74249 9.33337M7.99996 10V10.6667" stroke="#3F3939" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.33337 1.46673C8.90257 1.37928 8.45664 1.33337 8.00004 1.33337C4.31814 1.33337 1.33337 4.31814 1.33337 8.00004C1.33337 11.6819 4.31814 14.6667 8.00004 14.6667C11.6819 14.6667 14.6667 11.6819 14.6667 8.00004C14.6667 7.54344 14.6208 7.09751 14.5334 6.66671" stroke="#3F3939" stroke-linecap="round" stroke-linejoin="round"></path><path d="M11.3334 4.66671H14.3334M11.3334 4.66671V1.66671M11.3334 4.66671L14.6667 1.33337" stroke="#3F3939" stroke-linecap="round" stroke-linejoin="round"></path></svg> </span> 100% Money-Back Guarantee </p> <p> <span>
1454 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.66663 2.00061H14.3333" stroke="#3F3939" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3 1.99988V10.6538L7.95753 13.9885C7.98 14.0036 8.0094 14.0036 8.03187 13.9886L13 10.6538V1.99988" stroke="#3F3939" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6.44441 9.33329L7.99996 8.72463L9.55549 9.33329L9.36109 7.71009L10.3333 6.49271L8.97216 6.08691L7.99996 4.66663L7.02776 6.08691L5.66663 6.49271L6.63885 7.71009L6.44441 9.33329Z" stroke="#3F3939" stroke-linecap="round" stroke-linejoin="round"></path></svg> </span> 7 million books sold </p> </div> <input type="hidden" name="product-id" value="8712112832650"><input type="hidden" name="section-id" value="template--22196841349258__main"></form></product-form><link href="//www.tuttletwins.com/cdn/shop/t/158/assets/component-pickup-availability.css?v=128368701780105458671787249518" rel="stylesheet" type="text/css" media="all"> <pickup-availability class="product__pickup-availabilities quick-add-hidden" data-root-url="/" data-variant-id="47235382149258" data-has-only-default-variant="true" data-product-page-color-scheme="gradient color-scheme-1"> <template> <pickup-availability-preview class="pickup-availability-preview"> <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-unavailable" viewBox="0 0 20 20"><path fill="#DE3618" stroke="#fff" d="M13.94 3.94 10 7.878l-3.94-3.94A1.499 1.499 0 1 0 3.94 6.06L7.88 10l-3.94 3.94a1.499 1.499 0 1 0 2.12 2.12L10 12.12l3.94 3.94a1.497 1.497 0 0 0 2.12 0 1.5 1.5 0 0 0 0-2.12L12.122 10l3.94-3.94a1.499 1.499 0 1 0-2.121-2.12z"></path></svg> </span> <div class="pickup-availability-info"> <p class="caption-large">Couldn't load pickup availability</p> <button class="pickup-availability-button link link--text underlined-link"> Refresh </button> </div> </pickup-availability-preview> </template> </pickup-availability>
1454<script src="//www.tuttletwins.com/cdn/shop/t/158/assets/pickup-availability.js?v=78418059211521962961787249518" defer="defer"></script>
1454</div> </div> </div><div class="product__accordion accordion quick-add-hidden"> <details id="Details-collapsible_tab_78wVri-template--22196841349258__main"> <summary> <div class="summary__title"> <span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.64065 0.9375C3.43365 0.9375 2.45466 1.91981 2.45278 3.13278L2.43457 14.8604C2.43268 16.076 3.41278 17.0625 4.62245 17.0625H9.7242C9.9174 17.0625 10.1026 16.9855 10.2394 16.8484L15.3454 11.7275C15.4825 11.59 15.5596 11.4034 15.5596 11.2087V3.13622C15.5596 1.9219 14.58 0.9375 13.3717 0.9375H4.64065ZM14.1003 10.9043L9.42255 15.5956V12.0293C9.42255 11.408 9.92625 10.9043 10.5475 10.9043H14.1003Z" fill="black"></path> </svg></span> <h2 class="h4 accordion__title inline-richtext"> Description </h2> </div> <span class="collapsible_plus"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 5V19" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M5 12H19" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </summary> <div class="accordion__content rte" id="ProductAccordion-collapsible_tab_78wVri-template--22196841349258__main"> <p data-end="584" data-start="247"><meta charset="utf-8">A monthly book adventure your kids will loveâ2 Tuttle Twins books delivered in order that spark curiosity, teach big ideas, and make learning fun!</p> </div> </details> </div><div class="product__accordion accordion quick-add-hidden"> <details id="Details-collapsible_tab_fqHf9p-template--22196841349258__main"> <summary> <div class="summary__title"> <span><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4045_135)"> <path d="M6.15515 14.9069V15.4562C6.15515 16.1885 6.63855 16.8035 7.30058 17.0175C7.52214 18.3112 8.64442 19.3746 10.0003 19.3746C11.3563 19.3746 12.4786 18.3112 12.7001 17.0175C13.3622 16.8035 13.8455 16.1886 13.8455 15.4562V14.9069H6.15515Z" fill="black"></path> <path d="M8.5816 0.773116C6.10218 1.29079 4.08301 3.30351 3.55728 5.78187C3.11043 7.89062 3.66191 10.0074 5.0695 11.5899C5.63859 12.2303 5.98576 13.0032 6.09961 13.8086H13.8968C14.0145 13.007 14.3718 12.2218 14.9572 11.554C16.0096 10.3539 16.6256 8.81328 16.6256 7.21683C16.6256 3.03541 12.7538 -0.105237 8.5816 0.773116ZM13.8425 7.76618C13.5388 7.76618 13.2931 7.52049 13.2931 7.21686C13.2931 5.3994 11.8142 3.92098 9.99671 3.92098C9.69308 3.92098 9.44739 3.67529 9.44739 3.37166C9.44739 3.06804 9.69308 2.82235 9.99671 2.82235C12.4204 2.82235 14.3918 4.79377 14.3918 7.21686C14.3918 7.52049 14.1461 7.76618 13.8425 7.76618Z" fill="black"></path> <path d="M2.27294 7.2168H1.17431C0.87069 7.2168 0.625 7.46249 0.625 7.76611C0.625 8.06974 0.87069 8.31543 1.17431 8.31543H2.27294C2.57657 8.31543 2.82226 8.06974 2.82226 7.76611C2.82226 7.46249 2.57657 7.2168 2.27294 7.2168Z" fill="black"></path> <path d="M2.49729 4.47116L1.72053 3.6944C1.50593 3.4798 1.15832 3.4798 0.943758 3.6944C0.729196 3.90896 0.729196 4.2566 0.943758 4.47116L1.72053 5.24793C1.93509 5.46249 2.28273 5.46249 2.49729 5.24793C2.71185 5.03337 2.71185 4.68572 2.49729 4.47116Z" fill="black"></path> <path d="M2.49729 10.2862C2.28273 10.0716 1.93509 10.0716 1.72053 10.2862L0.943758 11.0629C0.729196 11.2775 0.729196 11.6252 0.943758 11.8397C1.15832 12.0543 1.50596 12.0543 1.72053 11.8397L2.49729 11.0629C2.71185 10.8484 2.71185 10.5007 2.49729 10.2862Z" fill="black"></path> <path d="M18.8282 7.2168H17.7296C17.426 7.2168 17.1803 7.46249 17.1803 7.76611C17.1803 8.06974 17.426 8.31543 17.7296 8.31543H18.8282C19.1319 8.31543 19.3776 8.06974 19.3776 7.76611C19.3776 7.46249 19.1319 7.2168 18.8282 7.2168Z" fill="black"></path> <path d="M19.0526 3.69437C18.838 3.47981 18.4904 3.47981 18.2758 3.69437L17.4991 4.47114C17.2845 4.6857 17.2845 5.03334 17.4991 5.2479C17.7136 5.46246 18.0612 5.46246 18.2758 5.2479L19.0526 4.47114C19.2672 4.25657 19.2672 3.90893 19.0526 3.69437Z" fill="black"></path> <path d="M19.0526 11.0629L18.2758 10.2862C18.0613 10.0716 17.7136 10.0716 17.4991 10.28
145462C17.2845 10.5007 17.2845 10.8484 17.4991 11.0629L18.2758 11.8397C18.4904 12.0543 18.838 12.0543 19.0526 11.8397C19.2672 11.6251 19.2672 11.2775 19.0526 11.0629Z" fill="black"></path> </g> <defs> <clipPath id="clip0_4045_135"> <rect width="20" height="20" fill="white"></rect> </clipPath> </defs> </svg></span> <h2 class="h4 accordion__title inline-richtext"> What topics are covered? </h2> </div> <span class="collapsible_plus"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 5V19" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M5 12H19" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </summary> <div class="accordion__content rte" id="ProductAccordion-collapsible_tab_fqHf9p-template--22196841349258__main"> <p>Each Book Club delivery introduces big ideas through fun, age-appropriate stories, including:</p><ul><li><strong>Economics & Free Markets</strong> â How money, trade, and cooperation work</li><li><strong>Government & Civics</strong> â The basics of laws, leadership, and civic life</li><li><strong>Moral & Social Principles</strong> â Honesty, fairness, and good decision-making</li><li><strong>Personal Liberty & Individual Rights</strong> â Freedom, responsibility, and respect for others</li><li><strong>Critical Thinking & Personal Responsibility</strong> â Asking questions and thinking independently</li><li><strong>Entrepreneurship & Business</strong> â Creativity, problem-solving, and value creation</li></ul><p>Designed to spark curiosity and meaningful family conversations as kids grow.</p> </div> </details> </div><div class="product__accordion accordion quick-add-hidden"> <details id="Details-collapsible_tab_3j6LMa-template--22196841349258__main"> <summary> <div class="summary__title"> <span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.1299 5.38493C15.4697 5.14796 15.9372 5.23126 16.1742 5.57099C16.8522 6.54315 17.25 7.72625 17.25 9.00005C17.25 12.3138 14.5638 15 11.25 15H6.19658L6.85517 15.5489C7.17338 15.8141 7.21638 16.287 6.9512 16.6052C6.68603 16.9234 6.21311 16.9664 5.8949 16.7012L3.6449 14.8262C3.40232 14.6241 3.31234 14.2917 3.41984 13.9947C3.52733 13.6978 3.80927 13.5 4.12504 13.5H11.25C13.7353 13.5 15.75 11.4853 15.75 9.00005C15.75 8.04297 15.4521 7.15773 14.9439 6.42914C14.7069 6.08941 14.7902 5.6219 15.1299 5.38493Z" fill="black"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.87009 12.6152C2.53036 12.8522 2.06284 12.7688 1.82588 12.4291C1.14778 11.4569 0.75 10.2738 0.75 9.00002C0.75 5.68631 3.43629 3.00002 6.75 3.00002H11.8035L11.1448 2.45118C10.8266 2.18601 10.7836 1.71309 11.0488 1.39488C11.314 1.07667 11.7869 1.03368 12.1051 1.29885L14.3551 3.17385C14.5977 3.376 14.6877 3.70844 14.5802 4.00534C14.4727 4.30224 14.1907 4.50002 13.875 4.50002H6.75C4.26472 4.50002 2.25 6.51474 2.25 9.00002C2.25 9.95709 2.54795 10.8423 3.05615 11.5709C3.29312 11.9107 3.20982 12.3782 2.87009 12.6152Z" fill="black"></path> </svg></span> <h2 class="h4 accordion__title inline-richtext"> 100% Satisfaction Guarantee </h2> </div> <span class="collapsible_plus"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 5V19" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M5 12H19" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </summary> <div class="accordion__content rte" id="ProductAccordion-collapsible_tab_3j6LMa-template--22196841349258__main"> <p>Donât like the book? Contact us within 30 days and weâll refund your money. No questions asked.</p> </div> </details> </div><a href="/products/bookclub" class="link product__view-details animate-arrow"> View full details <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
1454ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"></path></svg> </a> </section> </div> </div> <product-modal id="ProductModal-template--22196841349258__main" class="product-media-modal media-modal"> <div class="product-media-modal__dialog color-scheme-1 gradient" role="dialog" aria-label="Media gallery" aria-modal="true" tabindex="-1"> <button id="ModalClose-template--22196841349258__main" type="button" class="product-media-modal__toggle" aria-label="Close"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"></path></svg> </button> <div class="product-media-modal__content color-scheme-1 gradient" role="document" aria-label="Media gallery" tabindex="0"> <img class="global-media-settings global-media-settings--no-shadow" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&width=550 550w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&width=1100 1100w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&width=1445 1445w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&width=1680 1680w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&width=2048 2048w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428 2160w 1455 " sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&width=1445" alt="Tuttle Twins Book Club" loading="lazy" width="1100" height="1100" data-media-id="34249216360586"> <img class="global-media-settings global-media-settings--no-shadow" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&width=550 550w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&width=1100 1100w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&width=1445 1445w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&width=1680 1680w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&width=2048 2048w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428 2160w 1456 " sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&width=1445" alt="Tuttle Twins Book Club" loading="lazy" width="1100" height="1100" data-media-id="34249216327818"> <img class="global-media-settings global-media-settings--no-shadow" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&width=550 550w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&width=1100 1100w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&width=1445 1445w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&width=1680 1680w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&width=2048 2048w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427 2160w 1457 " sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&width=1445" alt="Tuttle Twins Book Club" loading="lazy" width="1100" height="1100" data-media-id="34249216196746"> <img class="global-media-settings global-media-settings--no-shadow" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&width=550 550w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&width=1100 1100w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&width=1445 1445w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&width=1680 1680w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&width=2048 2048w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427 2160w 1458 " sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&width=1445" alt="Tuttle Twins Book Club" loading="lazy" width="1100" height="1100" data-media-id="34249216229514"> <img class="global-media-settings global-media-settings--no-shadow" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&width=550 550w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&width=1100 1100w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&width=1445 1445w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&width=1680 1680w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&width=2048 2048w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428 2160w 1459 " sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&width=1445" alt="Tuttle Twins Book Club" loading="lazy" width="1100" height="1100" data-media-id="34249216393354"> <img class="global-media-settings global-media-settings--no-shadow" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&width=550 550w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&width=1100 1100w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&width=1445 1445w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&width=1680 1680w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&width=2048 2048w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428 2160w 1460 " sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&width=1445" alt="Tuttle Twins Book Club" loading="lazy" width="1100" height="1100" data-media-id="34249216262282"> <img class="global-media-settings global-media-settings--no-shadow" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&width=550 550w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&width=1100 1100w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&width=1445 1445w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&width=1680 1680w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&width=2048 2048w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427 2160w 1461 " sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&width=1445" alt="Tuttle Twins Book Club" loading="lazy" width="1100" height="1100" data-media-id="34249216295050"> <img class="global-media-settings global-media-settings--no-shadow" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&width=550 550w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&width=1100 1100w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&width=1445 1445w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&width=1680 1680w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&width=2048 2048w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428 2160w 1462 " sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&width=1445" alt="Tuttle Twins Book Club" loading="lazy" width="1100" height="1100" data-media-id="34249216426122"></div> </div> </product-modal>
1462<script src="//www.tuttletwins.com/cdn/shop/t/158/assets/product-modal.js?v=116616134454508949461787249516" defer="defer"></script>
1462
1462<script src="//www.tuttletwins.com/cdn/shop/t/158/assets/media-gallery.js?v=53998976194532824491787249516" defer="defer"></script>
1462<script type="application/ld+json"> 1463 {"@context":"http:\/\/schema.org\/","@id":"\/products\/bookclub#product","@type":"Product","brand":{"@type":"Brand","name":"Tuttle Twins"},"category":"Print Books","description":"A monthly book adventure your kids will loveâ2 Tuttle Twins books delivered in order that spark curiosity, teach big ideas, and make learning fun!","image":"https:\/\/www.tuttletwins.com\/cdn\/shop\/files\/tt-bookclub-1.jpg?v=1790779428\u0026width=1920","name":"Tuttle Twins Book Club","offers":{"@id":"\/products\/bookclub?variant=47235382149258#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"19.99","priceCurrency":"USD","url":"https:\/\/www.tuttletwins.com\/products\/bookclub?variant=47235382149258"},"sku":"kid_law_pencil","url":"https:\/\/www.tuttletwins.com\/products\/bookclub"} 1464 </script>
1464 </div> </product-info> <div class="bottom_stickyAdd"> <div class="bottom_stickyAdd_logo"> <img src="https://cdn.shopify.com/s/files/1/0655/8951/0282/files/326dd57463d60ffea3602e2367e0515cb8d8e150.png?v=1771235265" alt=""> </div> <a href="#mainProduct_scrollTop">Shop Book Club</a> </div>
1464<script> 1465 document.addEventListener("DOMContentLoaded", function () { 1466 const accordions = document.querySelectorAll(".product__accordion details"); 1467 1468 accordions.forEach((accordion) => { 1469 const summary = accordion.querySelector("summary"); 1470 const content = accordion.querySelector(".accordion__content"); 1471 summary.addEventListener("click", function (e) { 1472 e.preventDefault(); 1473 1474 const isOpen = accordion.hasAttribute("open"); 1475 accordions.forEach((item) => { 1476 if (item !== accordion && item.hasAttribute("open")) { 1477 closeAccordion(item); 1478 } 1479 }); 1480 1481 if (isOpen) { 1482 closeAccordion(accordion); 1483 } else { 1484 openAccordion(accordion); 1485 } 1486 }); 1487 1488 function openAccordion(item) { 1489 const content = item.querySelector(".accordion__content"); 1490 1491 item.setAttribute("open", "true"); 1492 1493 content.style.height = "0px"; 1494 content.offsetHeight; 1495 1496 content.style.height = content.scrollHeight + "px"; 1497 content.style.opacity = "1"; 1498 } 1499 1500 function closeAccordion(item) { 1501 const content = item.querySelector(".accordion__content"); 1502 1503 content.style.height = content.scrollHeight + "px"; 1504 content.offsetHeight; 1505 1506 content.style.height = "0px"; 1507 content.style.opacity = "0"; 1508 1509 setTimeout(() => { 1510 item.removeAttribute("open"); 1511 }, 400); 1512 } 1513 if (accordion.hasAttribute("open")) { 1514 content.style.height = content.scrollHeight + "px"; 1515 content.style.opacity = "1"; 1516 } 1517 }); 1518 }); 1519</script>
1519<style> #shopify-section-template--22196841349258__main summary {padding-left: 12px; padding-right: 12px;} #shopify-section-template--22196841349258__main .bottom_stickyAdd {display: none !important;} </style></section><div id="shopify-section-template--22196841349258__pdp_icon_box_HfaqxK" class="shopify-section"><style data-shopify=""> 1520#section-template--22196841349258__pdp_icon_box_HfaqxK { 1521 background-color: #ffffff; 1522 color: #3f3939; 1523 padding-top: 64px; 1524 padding-bottom: 64px; 1525} 1526#section-template--22196841349258__pdp_icon_box_HfaqxK .title { 1527 color: #3f3939; 1528} 1529@media (max-width: 991px) { 1530 #section-template--22196841349258__pdp_icon_box_HfaqxK { 1531 padding-top: 32px; 1532 padding-bottom: 32px; 1533 } 1534} 1535</style> <section class="sc-pdp-icon-box" id="section-template--22196841349258__pdp_icon_box_HfaqxK"> <div class="container"> <div class="pdp-icon-box"> <div class="left-block"> <div class="title desk-title">Principles That Are Taught in Tuttle Twins Stories</div> <div class="content"> <p>Our book club introduces kids to the ideas that shape real life, including money, government, morals, personal freedom, responsibility, and entrepreneurship.</p></div> <div class="btn-block"> <a href="#mainProduct_scrollTop" class="btn shop-btn"> Shop Book Club</a> </div> </div> <div class="right-block"> <div class="icon-with-text-block" style="background-color: #ecf4f0; color: #3f3939"> <div class="icon"> <img src="//www.tuttletwins.com/cdn/shop/files/icon11.svg?v=1771225604"> </div> <div class="icon-title"> Economics & Free Markets</div> </div> <div class="icon-with-text-block" style="background-color: #f8f2f7; color: #3f3939"> <div class="icon"> <img src="//www.tuttletwins.com/cdn/shop/files/icon12.svg?v=1771225605"> </div> <div class="icon-title"> Government & Civics</div> </div> <div class="icon-with-text-block" style="background-color: #faf3e2; color: #3f3939"> <div class="icon"> <img src="//www.tuttletwins.com/cdn/shop/files/icon13.svg?v=1771225605"> </div> <div class="icon-title"> Moral & Social Principles</div> </div> <div class="icon-with-text-block" style="background-color: #fff8fb; color: #3f3939"> <div class="icon"> <img src="//www.tuttletwins.com/cdn/shop/files/icon14.svg?v=1771225605"> </div> <div class="icon-title"> Personal Liberty & Individual Rights</div> </div> <div class="icon-with-text-block" style="background-color: #f2f7f8; color: #3f3939"> <div class="icon"> <img src="//www.tuttletwins.com/cdn/shop/files/icon15.svg?v=1771225605"> </div> <div class="icon-title"> Critical Thinking & Personal Responsibility</div> </div> <div class="icon-with-text-block" style="background-color: #fdf4f3; color: #3f3939"> <div class="icon"> <img src="//www.tuttletwins.com/cdn/shop/files/icon16.svg?v=1771225605"> </div> <div class="icon-title"> Entrepreneurship & Business</div> </div> </div> <div class="title mobile-title">Principles That Are Taught in Tuttle Twins Stories</div> </div> </div> </section> <style> 1536.sc-pdp-icon-box .container{ 1537 max-width: 1264px; 1538 margin: 0 auto; 1539 padding: 0 16px; 1540 width:100%; 1541} 1542.sc-pdp-icon-box .right-block { 1543 max-width: 704PX; 1544 width: 100%; 1545 border-radius: 20px; 1546 border: 1px solid #DBE7E9; 1547 padding: 16px; 1548 display: grid; 1549 grid-template-columns: repeat(3, minmax(0, 1fr)); 1550 gap: 12px; 1551} 1552.sc-pdp-icon-box .mobile-title { 1553 display:none; 1554} 1555.sc-pdp-icon-box .pdp-icon-box { 1556 display: flex; 1557 align-items: center; 1558 justify-content: space-between; 1559 gap: 24px; 1560} 1561.sc-pdp-icon-box .content p{ 1562 margin: 0; 1563} 1564.sc-pdp-icon-box .btn-block .shop-btn{ 1565 display:inline-block; 1566 font-size:18px; 1567 line-height:120%; 1568 letter-spacing:0px; 1569 font-weight:500; 1570 color:#ffffff; 1571 background-color:#DB5846; 1572 padding:16px 48px; 1573 transition:all 0.3s ease; 1574 text-align:center; 1575 border-radius:50px; 1576 text-decoration:none; 1577 margin-top:32px; 1578 } 1579 .sc-pdp-icon-box .btn-block .shop-btn:hover{ 1580 background-color:#3f3939; 1581 } 1582 1583 .sc-pdp-icon-box .pdp-icon-box .title{ 1584 font-size:40px; 1585 line-height:120%; 1586 letter-spacing:0px; 1587 font-weight:500; 1588 margin: 0; 1589 margin-bottom: 24px; 1590 } 1591.sc-pdp-icon-box .left-block { 1592 max-width: 388px; 1593 width: 100%; 1594} 1595.sc-pdp-icon-box .pdp-icon-box .icon-with-text-block .title{ 1596 font-size:16px; 1597 line-height:160%; 1598 letter-spacing:0px; 1599 margin-top:24px; 1600 } 1601.sc-pdp-icon-box .right-block .icon-with-text-block .icon { 1602 height: 56px; 1603 width: 56px; 1604 border-radius: 12px; 1605 display: flex; 1606 align-items: center; 1607 justify-content: center; 1608} 1609.sc-pdp-icon-box .right-block .icon-with-text-block .icon img { 1610 height: 32px; 1611 width: 32px; 1612 vertical-align: middle; 1613} 1614.sc-pdp-icon-box .icon-with-text-block { 1615 padding: 12px 16px; 1616 border-radius: 8px; 1617 display: flex; 1618 flex-direction: column; 1619 gap: 8px; 1620 justify-content: center;
1621 align-items: center; 1622} 1623.sc-pdp-icon-box .icon-with-text-block .icon-title { 1624 text-align: center; 1625 font-weight: 500; 1626 font-size: 18px; 1627 line-height:120%; 1628 letter-spacing: 0px; 1629} 1630 1631@media (max-width: 991px) { 1632 .sc-pdp-icon-box .icon-with-text-block .icon-title { 1633 font-size:16px; 1634 } 1635 .sc-pdp-icon-box .pdp-icon-box .title { 1636 margin-bottom: 20px; 1637 font-size: 32px; 1638 } 1639 .sc-pdp-icon-box .pdp-icon-box { 1640 flex-wrap:wrap; 1641 } 1642 .sc-pdp-icon-box .right-block, 1643 .sc-pdp-icon-box .left-block{ 1644 max-width:100%; 1645 } 1646} 1647@media (max-width: 575px) { 1648 .sc-pdp-icon-box .right-block{ 1649 grid-template-columns: repeat(2, minmax(0, 1fr)); 1650 gap: 8px; 1651 } 1652 .sc-pdp-icon-box .icon-with-text-block { 1653 gap: 0px; 1654 padding: 12px 8px; 1655 } 1656 .sc-pdp-icon-box .right-block { 1657 border-radius:15px; 1658 padding: 11px; 1659 } 1660 .sc-pdp-icon-box .pdp-icon-box { 1661 flex-direction:column-reverse; 1662 gap:20px; 1663 } 1664 .sc-pdp-icon-box .mobile-title { 1665 display:block; 1666 } 1667 .sc-pdp-icon-box .desk-title { 1668 display:none; 1669 } 1670 .sc-pdp-icon-box .pdp-icon-box .title{ 1671 text-align:center; 1672 margin-bottom:0px; 1673 } 1674 .sc-pdp-icon-box .btn-block .shop-btn{ 1675 margin-top:20px; 1676 width:100%; 1677 } 1678 .sc-pdp-icon-box .content{ 1679 text-align:center; 1680 } 1681 .sc-pdp-icon-box .pdp-icon-box .title { 1682 font-size:24px; 1683 } 1684} 1685</style> </div><div id="shopify-section-template--22196841349258__books_slider_K7eP4Q" class="shopify-section"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.css"> <style> 1686 #section--template--22196841349258__books_slider_K7eP4Q { 1687 padding-top: 56px; 1688 padding-bottom: 40px; 1689 background-color:#F2F7F8FF 1690 } 1691 @media screen and (max-width: 767px) { 1692 #section--template--22196841349258__books_slider_K7eP4Q { 1693 padding-top: 32px; 1694 padding-bottom: 32px; 1695 } 1696 } 1697 .books_slider_sec{ 1698 overflow:hidden; 1699 } 1700 .container{ 1701 max-width: 1280px; 1702 margin: 0 auto; 1703 height: 100%; 1704 } 1705 .swiper-container { 1706 width: 100%; 1707 height: 100%; 1708 position:relative; 1709 } 1710 .swiper-slide { 1711 width: fit-content; 1712 text-align: center; 1713 font-size: 18px; 1714 background: #fff; 1715 /* Center slide text vertically */ 1716 display: -webkit-box; 1717 display: -ms-flexbox; 1718 display: -webkit-flex; 1719 display: flex; 1720 -webkit-box-pack: center; 1721 -ms-flex-pack: center; 1722 -webkit-justify-content: center; 1723 justify-content: center; 1724 -webkit-box-align: center; 1725 -ms-flex-align: center; 1726 -webkit-align-items: center; 1727 align-items: center; 1728 border-radius: 15px; 1729 } 1730 .book_card_wrapper { 1731 max-width: 300px; 1732 padding: 12px; 1733 box-shadow: 0px 5px 11px 0px #00000012, 0px 20px 20px 0px #0000000F, 0px 44px 26px 0px #0000000A, 0px 78px 31px 0px #00000003, 0px 122px 34px 0px #00000000; 1734 border-radius: 12px; 1735 gap: 15px; 1736 background: #FFFFFF; 1737 display: grid; 1738 grid-template-columns: auto; 1739 grid-template-rows: auto 1fr; 1740} 1741.book_card_wrapper .card_content_wrapper { 1742 text-align: left; 1743 height: 100%; 1744 display: flex; 1745 flex-direction: column; 1746 justify-content: space-between; 1747} 1748 .book_card_wrapper .card_image_wrapper { 1749 display: flex; 1750 flex-direction: row; 1751 align-items: flex-start; 1752 gap: 2px; 1753 border-radius: 8px; 1754 overflow: hidden; 1755 } 1756 .book_card_wrapper .card_img_before, .book_card_wrapper .card_img_after { 1757 position: relative; 1758 height: 100%; 1759 width: 50%; 1760} 1761.book_card_wrapper .card_img_before img, .book_card_wrapper .card_img_after img { 1762 width: 100%; 1763 height: 100%; 1764 vertical-align: middle; 1765} 1766 .book_card_wrapper .card_img_before span, .book_card_wrapper .card_img_after span { 1767 font-weight: 600; 1768 font-size: 12px; 1769 line-height: 14px; 1770 color: #FFFFFF; 1771 background-color: #DB5846FF; 1772 padding: 3px 12px; 1773 border-radius: 100px; 1774 position: absolute; 1775 left: 50%; 1776 transform: translate(-50%, 6px); 1777 width: max-content; 1778 } 1779 .book_card_wrapper .card_img_after span{ 1780 background-color:#05AED8FF; 1781 } 1782 .book_card_wrapper .card_content_wrapper{ 1783 text-align:left; 1784 } 1785 1786 .book_card_wrapper .card_content_wrapper .books_card_title { 1787 margin: 0; 1788 font-size: 20px; 1789 line-height: 24px; 1790 font-weight: 500; 1791 color:#3F3939; 1792 margin-bottom: 8px; 1793 } 1794 .book_card_wrapper .card_content_wrapper .popup_card_title{ 1795 font-size: 24px;
1796 line-height: 26px; 1797 font-weight: 500; 1798 color:#3F3939; 1799 margin:0px; 1800 margin-bottom:10px; 1801 } 1802 .book_card_wrapper .card_content_wrapper .popup_card_description, 1803 .book_card_wrapper .card_content_wrapper .books_card_description { 1804 font-size: 14px; 1805 line-height: 18px; 1806 color:rgba(63, 57, 57, 0.7); 1807 font-weight: 500; 1808 margin-bottom:16px; 1809 } 1810 1811 .book_card_wrapper .card_content_wrapper .popup_card_description ul { 1812 list-style: none; 1813 padding: 0; 1814 margin: 0; 1815 display: flex; 1816 flex-direction: column; 1817 gap: 9px; 1818} 1819 .book_card_wrapper .card_content_wrapper .popup_card_description ul li { 1820 font-family: Poppins; 1821 font-weight: 400; 1822 font-size: 14px; 1823 line-height: 140%; 1824 letter-spacing: 0; 1825 color: #3f3939; 1826 position: relative; 1827 padding-left: 20px; 1828} 1829.book_card_wrapper .card_content_wrapper .popup_card_description ul li:after { 1830 position: absolute; 1831 content: ""; 1832 background-image: url('data:image/svg+xml,<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.00024 6.00024C1.00024 6.00024 2.33358 6.33358 3.33358 8.33358C3.33358 8.33358 7.03944 2.22246 10.3336 1.00024" stroke="%2305AED8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); 1833 background-size: contain; 1834 height: 12px; 1835 width: 12px; 1836 background-repeat: no-repeat; 1837 left: 0; 1838 top: 6px; 1839} 1840 .book_card_wrapper .card_content_wrapper button { 1841 border: none; 1842 background: no-repeat; 1843 display: flex; 1844 flex-direction: row; 1845 align-items: center; 1846 padding: 0; 1847 color:#05AED8; 1848 font-family: "poppins"; 1849 font-size: 14px; 1850 font-weight: 500; 1851 line-height: 14px; 1852 letter-spacing: 0px; 1853 cursor: pointer; 1854 } 1855 .book_card_wrapper .card_content_wrapper button img { 1856 width: 14px; 1857 height: 14px; 1858 margin-right:5px; 1859 } 1860 .books_slider_sec .books_slider_controllers > * { 1861 position: unset; 1862 z-index:1; 1863 width: fit-content; 1864 } 1865 .books_slider_controllers { 1866 display: flex; 1867 align-items: center; 1868 justify-content: center; 1869 gap:15px; 1870 margin-top: 32px; 1871 } 1872 .books_slider_sec .books_slider_controllers .swiper-books-prev, 1873 .books_slider_sec .books_slider_controllers .swiper-books-next { 1874 width: 40px; 1875 height: 40px; 1876 display: flex; 1877 align-items: center; 1878 justify-content: center; 1879 border-radius: 100px; 1880 background-color: #fff; 1881 box-shadow: 0px 1px 1px 0px #0000000D, 0px 3px 3px 0px #0000000D, 0px 6px 3px 0px #0000000D; 1882 cursor: pointer; 1883 } 1884 .books_slider_controllers svg { 1885 width: 14px; 1886 height:14px; 1887 } 1888 .books_slider_sec .books_slider_controllers > * { 1889 position: unset; 1890 width: fit-content; 1891 font-size: 16px; 1892 line-height: 16px; 1893 font-weight: 400; 1894 color: #3F3939; 1895 } 1896 1897 1898 .popup_content_wrapper, 1899 .book-popup{ 1900 display:none; 1901 } 1902 .popup_content_wrapper span { 1903 font-weight: 500; 1904 font-size: 13px; 1905 line-height: 13px; 1906 text-align: center; 1907 color: #05AED8; 1908 background-color: #EAFBFF; 1909 padding: 3px 12px; 1910 border-radius: 100px; 1911 display: inline-block; 1912 margin-bottom:10px; 1913 } 1914 .popup_content_wrapper .books_card_title{ 1915 font-weight: 500; 1916 font-size: 24px; 1917 line-height:29px ; 1918 color: #3F3939; 1919 } 1920 1921 1922 .book-popup { 1923 position: fixed; 1924 top: 0; 1925 left: 0; 1926 right: 0; 1927 bottom: 0; 1928 background: #0000008c; 1929 z-index: 9; 1930 align-items: center; 1931 justify-content: center; 1932 } 1933 .book-popup .book_card_wrapper { 1934 max-width: 800px; 1935 align-items: center; 1936 gap: 0; 1937 display: grid; 1938 grid-template-columns: 1fr 1fr; 1939 padding: 24px; 1940} 1941 .book-popup .card_content_wrapper { 1942 padding-left: 32px; 1943 justify-content: center; 1944} 1945 .book-popup .card_content_wrapper .card_content_wrapper { 1946 display: none; 1947 } 1948 .book-popup .card_content_wrapper .popup_content_wrapper { 1949 display: block; 1950 } 1951 .popup_inner_wrapper { 1952 position: relative; 1953} 1954button.book-popup-close { 1955 height: 40px; 1956 width: 40px; 1957 background: #3F3939; 1958 border-radius: 30px; 1959 outline: none; 1960 box-shadow: none; 1961 border: none; 1962 color: #fff; 1963 font-size: 18px; 1964 position: absolute; 1965 top: -20px; 1966 right: -20px; 1967 cursor: pointer; 1968} 1969.books_slider_sec .swiper-slide { 1970 height: auto; 1971} 1972.books_slider_sec .swiper-slide .book_card_wrapper { 1973 height: calc(100% - 12px*2); 1974} 1975 1976@media(max-width:992px){ 1977 .popup_inner_wrapper { 1978 position: relative; 1979 width: 95%; 1980} 1981} 1982@media(max-width:768px){ 1983 .book-popup .book_card_wrapper { 1984 gap: 16px; 1985 grid-template-columns: 1fr; 1986 padding: 16px; 1987 } 1988 button.book-popup-close { 1989 top: -15px; 1990 right: -15px; 1991 cursor: pointer; 1992 z-index: 1; 1993 } 1994 .popup_inner_wrapper { 1995 position: relative; 1996 width: 90%; 1997} 1998.book-popup .card_content_wrapper { 1999 padding-left: 0; 2000} 2001} 2002</style> <section class="books_slider_sec" id="section--template--22196841349258__books_slider_K7eP4Q"> <div class="Container"> <div class="swiper-container books_slider"> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="book_card_wrapper"> <div class="card_image_wrapper"> <div class="card_img_before"> <span>Original</span> <img src="//www.tuttletwins.com/cdn/shop/files/0b72ba81-560b-4973-b6db-ef5dd766a09c.webp?v=1771221299&width=800" alt="Food Truck Fiasco" loading="lazy"> </div> <div class="card_img_after"> <span>Tuttle Twins</span> <img src="//www.tuttletwins.com/cdn/shop/files/9d039d18-b369-4894-a62e-54741b94bee4.jpg?v=1771221289&width=800" alt="Food Truck Fiasco" loading="lazy"> </div> </div> <div class="card_content_wrapper"> <div class="card_content_wrapper"> <div class="card_text_block"> <h3 class="books_card_title">Food Truck Fiasco</h3> <div class="books_card_description"><p>Based on <em>Economics in One Lesson by Henry Hazlitt.</em></p></div> </div> <button> <img src="https://cdn.shopify.com/s/files/1/0655/8951/0282/files/pluse-icon.svg?v=1771225149"> Read Description </button> </div> <div class="popup_content_wrapper"> <span>Recommended Ages: 5-12</span> <h3 class="popup_card_title">Food Truck Fiasco</h3> <div class="popup_card_description"><ul><li>Introduces basic economic ideas like supply, demand, and incentives through a fun story</li><li>Follows Ethan and Emily as they run a food truck and face real-world business challenges</li><li>Helps kids understand how regulations and choices impact prices, jobs, and opportunity</li></ul></div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="book_card_wrapper"> <div class="card_image_wrapper"> <div class="card_img_before"> <span>Original</span> <img src="//www.tuttletwins.com/cdn/shop/files/0c714347-da4d-4519-844a-1714dc1c9469.webp?v=1771242226&width=800" alt="Miraculous Pencil" loading="lazy"> </div> <div class="card_img_after"> <span>Tuttle Twins</span> <img src="//www.tuttletwins.com/cdn/shop/files/e48e099a-eb90-4b25-bf68-ea8abbf46892.jpg?v=1771242227&width=800" alt="Miraculous Pencil" loading="lazy"> </div> </div> <div class="card_content_wrapper"> <div class="card_content_wrapper"> <div class="card_text_block"> <h3 class="books_card_title">Miraculous Pencil</h3> <div class="books_card_description"><p>Based on <em>I, Pencil by Leonard Read.</em></p></div> </div> <button> <img src="https://cdn.shopify.com/s/files/1/0655/8951/0282/files/pluse-icon.svg?v=1771225149"> Read Description </button> </div> <div class="popup_content_wrapper"> <span>Recommended Ages: 5-12</span> <h3 class="popup_card_title">Miraculous Pencil</h3> <div class="popup_card_description"><ul><li>Introduces core economic ideas like free markets, division of labor, and voluntary cooperation through story.</li><li>Follows Ethan and Emily as they discover how people around the world work together to create something as simple as a pencil.</li><li>Shows kids how everyday items are made without a central planâmaking big economic concepts easy, engaging, and memorable.</li></ul></div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="book_card_wrapper"> <div class="card_image_wrapper"> <div class="card_img_before"> <span>Original</span> <img src="//www.tuttletwins.com/cdn/shop/files/The_law_1.png?v=1776801375&width=800" alt="The Law" loading="lazy"> </div> <div class="card_img_after"> <span>Tuttle Twins</span> <img src="//www.tuttletwins.com/cdn/shop/files/The_law_2.png?v=1776801375&width=800" alt="The Law" loading="lazy"> </div> </div> <div class="card_content_wrapper"> <div class="card_content_wrapper"> <div class="card_text_block"> <h3 class="books_card_title">The Law</h3> <div class="books_card_description"><p>Based on <em>The Law by Frédéric Bastiat.</em></p></div> </div> <button> <img src="https://cdn.shopify.com/s/files/1/0655/8951/0282/files/pluse-icon.svg?v=1771225149"> Read Description </button> </div> <div class="popup_content_wrapper"> <span>Recommended Ages: 5-12</span> <h3 class="popup_card_title">The Law</h3> <div class="popup_card_description"><ul><li>Teaches children the origin of individual rights and personal responsibility.</li><li>Follows Ethan and Emily as they make the law easy to understand.</li><li>Sparks critical thinking about the role of government versus private aid.</li></ul></div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="book_card_wrapper"> <div class="card_image_wrapper"> <div class="card_img_before"> <span>Original</span> <img src="//www.tuttletwins.com/cdn/shop/files/28600242-3adb-465a-a06f-f5dc612a50ba.avif?v=1771242409&width=800" alt="Creature from Jekyll Island" loading="lazy"> </div> <div class="card_img_after"> <span>Tuttle Twins</span> <img src="//www.tuttletwins.com/cdn/shop/files/87c92707-e30d-4ee0-8a61-ca0cf02d04aa.webp?v=1771242430&width=800" alt="Creature from Jekyll Island" loading="lazy"> </div> </div> <div class="card_content_wrapper"> <div class="card_content_wrapper"> <div class="card_text_block"> <h3 class="books_card_title">Creature from Jekyll Island</h3> <div class="books_card_description"><p>Based on <em>The Creature from Jekyll Island by G. Edward Griffin.</em></p></div> </div> <button> <img src="https://cdn.shopify.com/s/files/1/0655/8951/0282/files/pluse-icon.svg?v=1771225149"> Read Description </button> </div> <div class="popup_content_wrapper"> <span>Recommended Ages: 5-12</span> <h3 class="popup_card_title">Creature from Jekyll Island</h3> <div class="popup_card_description"><ul><li>Introduces kids to how money is created and how the banking system works.</li><li>Follows Ethan and Emily as they uncover the mystery behind central banking and the Federal Reserve.</li><li>Encourages critical thinking about money, inflation, and the impact of financial decisions on everyday life.</li></ul></div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="book_card_wrapper"> <div class="card_image_wrapper"> <div class="card_img_before"> <span>Original</span> <img src="//www.tuttletwins.com/cdn/shop/files/marxism_cover.png?v=1776801203&width=800" alt="Medals of Merit" loading="lazy"> </div> <div class="card_img_after"> <span>Tuttle Twins</span> <img src="//www.tuttletwins.com/cdn/shop/files/merit_cover.png?v=1776801275&width=800" alt="Medals of Merit" loading="lazy"> </div> </div> <div class="card_content_wrapper"> <div class="card_content_wrapper"> <div class="card_text_block"> <h3 class="books_card_title">Medals of Merit</h3> <div class="books_card_description"><p>Based on <em>Marxism: Philosophy and Economics by Thomas Sowell.</em></p></div> </div> <button> <img src="https://cdn.shopify.com/s/files/1/0655/8951/0282/files/pluse-icon.svg?v=1771225149"> Read Description </button> </div> <div class="popup_content_wrapper"> <span>Recommended Ages: 5-12</span> <h3 class="popup_card_title">Medals of Merit</h3> <div class="popup_card_description"><ul><li>Introduces kids to incentives, merit, and how rewards influence behavior.</li><li>Follows Ethan and Emily as they see what happens when effort and achievement are treated the same.</li><li>Encourages critical thinking about fairness, motivation, and unintended consequences.</li></ul></div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="book_card_wrapper"> <div class="card_image_wrapper"> <div class="card_img_before"> <span>Original</span> <img src="//www.tuttletwins.com/cdn/shop/files/Crisis_and_leviatahn.png?v=1776801463&width=800" alt="Leviathan Crisis" loading="lazy"> </div> <div class="card_img_after"> <span>Tuttle Twins</span> <img src="//www.tuttletwins.com/cdn/shop/files/Leviathan_Crisis.png?v=1776801463&width=800" alt="Leviathan Crisis" loading="lazy"> </div> </div> <div class="card_content_wrapper"> <div class="card_content_wrapper"> <div class="card_text_block"> <h3 class="books_card_title">Leviathan Crisis</h3> <div class="books_card_description"><p>Based on <em>Crisis and Leviathan by Robert Higgs.</em></p></div> </div> <button> <img src="https://cdn.shopify.com/s/files/1/0655/8951/0282/files/pluse-icon.svg?v=1771225149"> Read Description </button> </div> <div class="popup_content_wrapper"> <span>Recommended Ages: 5-12</span> <h3 class="popup_card_title">Leviathan Crisis</h3> <div class="popup_card_description"><ul><li>
2002Introduces kids to how emergencies and crises can lead to expanded government power.</li><li>Follows Ethan and Emily as they explore what happens when governments growâand why that growth often lasts.</li><li>Encourages critical thinking about freedom, safety, and the long-term effects of crisis policies.</li></ul></div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="book_card_wrapper"> <div class="card_image_wrapper"> <div class="card_img_before"> <span>Original</span> <img src="//www.tuttletwins.com/cdn/shop/files/American_Education.png?v=1776801541&width=800" alt="Education Vacation" loading="lazy"> </div> <div class="card_img_after"> <span>Tuttle Twins</span> <img src="//www.tuttletwins.com/cdn/shop/files/Education_vacation.png?v=1776801542&width=800" alt="Education Vacation" loading="lazy"> </div> </div> <div class="card_content_wrapper"> <div class="card_content_wrapper"> <div class="card_text_block"> <h3 class="books_card_title">Education Vacation</h3> <div class="books_card_description"><p>Based on <em>The Underground History of American Education by John Taylor Gatto.</em></p></div> </div> <button> <img src="https://cdn.shopify.com/s/files/1/0655/8951/0282/files/pluse-icon.svg?v=1771225149"> Read Description </button> </div> <div class="popup_content_wrapper"> <span>Recommended Ages: 5-12</span> <h3 class="popup_card_title">Education Vacation</h3> <div class="popup_card_description"><ul><li>Introduces kids to different approaches to education, including school choice and incentives.</li><li>Follows Ethan and Emily as they explore why some schools succeedâand why others struggle.</li><li>Encourages critical thinking about education systems, accountability, and what helps students thrive.</li></ul></div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="book_card_wrapper"> <div class="card_image_wrapper"> <div class="card_img_before"> <span>Original</span> <img src="//www.tuttletwins.com/cdn/shop/files/Competition_entrepreneurship.png?v=1776801599&width=800" alt="Spectacular Show Business" loading="lazy"> </div> <div class="card_img_after"> <span>Tuttle Twins</span> <img src="//www.tuttletwins.com/cdn/shop/files/Show_business.png?v=1776801610&width=800" alt="Spectacular Show Business" loading="lazy"> </div> </div> <div class="card_content_wrapper"> <div class="card_content_wrapper"> <div class="card_text_block"> <h3 class="books_card_title">Spectacular Show Business</h3> <div class="books_card_description"><p>Based on <em>Competition and Entrepreneurship by Israel Kirzner.</em></p></div> </div> <button> <img src="https://cdn.shopify.com/s/files/1/0655/8951/0282/files/pluse-icon.svg?v=1771225149"> Read Description </button> </div> <div class="popup_content_wrapper"> <span>Recommended Ages: 5-12</span> <h3 class="popup_card_title">Spectacular Show Business</h3> <div class="popup_card_description"><ul><li>Introduces kids to entrepreneurship, competition, and how businesses create value.</li><li>Follows Ethan and Emily as they learn what it takes to start a showâand succeed in the marketplace.</li><li>Teaches why competition, innovation, and customer choice make products and services better.</li></ul></div> </div> </div> </div> </div> </div> <!-- If we need navigation buttons --> <div class="books_slider_controllers"> <div class="swiper-books-prev"> <svg fill="#3F3939" width="800px" height="800px" viewBox="-4.5 0 19 19" xmlns="http://www.w3.org/2000/svg" class="cf-icon-svg"> <path d="M8.4 17.269a1.026 1.026 0 0 1-.727-.302l-6.801-6.8a1.03 1.03 0 0 1 0-1.456l6.8-6.8a1.03 1.03 0 0 1 1.456 1.455L3.055 9.439l6.073 6.073A1.03 1.03 0 0 1 8.4 17.27z"></path> </svg> </div> <div class="swiper-pagination"></div> <div class="swiper-books-next"> <svg fill="#3F3939" width="800px" height="800px" viewBox="-4.5 0 19 19" xmlns="http://www.w3.org/2000/svg" class="cf-icon-svg"> <path d="M1.6 17.262a1.03 1.03 0 0 1-.728-1.757l6.073-6.073L.872 3.36a1.03 1.03 0 0 1 1.455-1.455l6.8 6.8a1.03 1.03 0 0 1 0 1.456l-6.8 6.8a1.025 1.025 0 0 1-.727.302z"></path> </svg> </div> </div> </div> </div> <div class="book-popup" id="bookPopup-template--22196841349258__books_slider_K7eP4Q" aria-hidden="true"> <div class="book-popup-overlay" data-popup-close=""></div> <div class="popup_inner_wrapper"> <button type="button" class="book-popup-close" data-popup-close="">â</button> <div class="poup_content"></div> </div> </div> </section>
2002<script src="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.js"></script>
2002
2002<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
2002
2002<script> 2003 document.addEventListener('DOMContentLoaded', function () { 2004 // Swiper init 2005 new Swiper('.books_slider', { 2006 loop: true, 2007 pagination: { 2008 el: '.swiper-pagination', 2009 type: 'fraction', 2010 }, 2011 navigation: { 2012 nextEl: '.swiper-books-next', 2013 prevEl: '.swiper-books-prev', 2014 }, 2015 slidesPerView: 'auto', 2016 centeredSlides: true, 2017 breakpoints: { 2018 1920: { spaceBetween: 16 }, 2019 992: { spaceBetween: 16 }, 2020 768: { spaceBetween: 10 }, 2021 0: { spaceBetween: 10 }, 2022 }, 2023 }); 2024 }); 2025 2026 2027 document.addEventListener("DOMContentLoaded", function () { 2028 2029 const triggerBtns = document.querySelectorAll(".card_content_wrapper button"); 2030 const popupWrapper = document.querySelector(".book-popup"); 2031 const popupInner = document.querySelector(".poup_content"); 2032 const closeBtn = document.querySelector(".book-popup-close"); 2033 2034 triggerBtns.forEach(function(button) { 2035 button.addEventListener("click", function() { 2036 2037 const card = this.closest(".book_card_wrapper"); 2038 if (!card || !popupInner || !popupWrapper) return; 2039 2040 popupInner.innerHTML = ""; 2041 2042 const clone = card.cloneNode(true); 2043 2044 popupInner.appendChild(clone); 2045 2046 popupWrapper.style.display = "flex"; 2047 }); 2048 }); 2049 2050 if (closeBtn) { 2051 closeBtn.addEventListener("click", function() { 2052 2053 if (popupWrapper) { 2054 popupWrapper.style.display = "none"; 2055 } 2056 2057 if (popupInner) { 2058 popupInner.innerHTML = ""; 2059 } 2060 }); 2061 } 2062 2063}); 2064</script>
2064 </div><div id="shopify-section-template--22196841349258__how_it_works_hq3CND" class="shopify-section"><style data-shopify=""> 2065 .section-template--22196841349258__how_it_works_hq3CND { 2066 background: #05aed8; 2067 padding-top: 32px; 2068 padding-bottom: 32px; 2069 } 2070 .section-template--22196841349258__how_it_works_hq3CND .font-label-color { color: #ffffff; } 2071 @media screen and (min-width: 768px) { 2072 .section-template--22196841349258__how_it_works_hq3CND { 2073 padding-top: 64px; 2074 padding-bottom: 64px; 2075 } 2076 } 2077</style> <section class="how-it-works section-template--22196841349258__how_it_works_hq3CND"> <div class="page-width"> <h2 class="section-title font-label-color">How It Works</h2> <div class="how-it-works-wrapper"> <div class="steps"> <div class="step-card"> <div class="step-image"> <img src="//www.tuttletwins.com/cdn/shop/files/Frame_9914813.png?v=1771225023&width=200" alt="Subscribe" loading="lazy"> </div> <div class="step-content"> <h3 class="step-title">1. Subscribe</h3> <div class="step-description">Sign Up is Quick & Easy</div> </div> </div> <div class="step-card"> <div class="step-image"> <img src="//www.tuttletwins.com/cdn/shop/files/Frame_9914813_1.png?v=1771225069&width=200" alt="Books Arrive Monthly" loading="lazy"> </div> <div class="step-content"> <h3 class="step-title">2. Books Arrive Monthly</h3> <div class="step-description">Get new Tuttle Twins books shipped FREE every month delivered straight to your door</div> </div> </div> <div class="step-card"> <div class="step-image"> <img src="//www.tuttletwins.com/cdn/shop/files/Frame_9914813_2.png?v=1771225069&width=200" alt="Enjoy Time with Family & Learn New Concepts" loading="lazy"> </div> <div class="step-content"> <h3 class="step-title">3. Enjoy Time with Family & Learn New Concepts</h3> <div class="step-description">Big Ideas. Real Conversations. Zero Lectures</div> </div> </div> </div> <div class="right-image"> <img src="//www.tuttletwins.com/cdn/shop/files/Gemini_Generated_Image_b4ta3sb4ta3sb4ta_1.png?v=1771225069&width=800" alt="How it works image" loading="lazy"> </div> </div> </div> </section> <style> 2078 .how-it-works .section-title { 2079 font-family: Poppins; 2080 font-weight: 500; 2081 font-size: 40px; 2082 line-height: 48px; 2083 letter-spacing: 0px; 2084 text-align: center; 2085 padding-bottom: 48px; 2086 margin: 0; 2087 } 2088 2089 .how-it-works-wrapper { 2090 display: grid; 2091 grid-template-columns: 1fr 1fr; 2092 gap: 80px; 2093 align-items: center; 2094 } 2095 2096 .steps { 2097 display: flex; 2098 flex-direction: column; 2099 gap: 16px; 2100 } 2101 2102 .step-card { 2103 display: flex; 2104 gap: 20px; 2105 background: #fff; 2106 padding: 12px; 2107 border-radius: 12px; 2108 align-items: center; 2109 box-shadow: 0 10px 25px rgba(0,0,0,0.08); 2110 } 2111 2112 .step-image img { 2113 width: 140px; 2114 height: 140px; 2115 object-fit: cover; 2116 border-radius: 12px; 2117 display: block; 2118 } 2119 2120 .step-content .step-title { 2121 font-family: Poppins; 2122 font-weight: 500; 2123 font-size: 24px; 2124 line-height: 34px; 2125 letter-spacing: 0; 2126 color: #3F3939; 2127 margin: 0; 2128 padding-bottom: 6px; 2129 } 2130 2131 .step-content .step-description { 2132 font-family: Poppins; 2133 font-weight: 400; 2134 font-size: 16px; 2135 line-height: 26px; 2136 letter-spacing: 0; 2137 color: #3F3939; 2138 margin: 0; 2139 opacity: 0.7; 2140 } 2141 2142 .right-image img { 2143 width: 100%; 2144 border-radius: 20px; 2145 display: block; 2146 } 2147 2148 @media screen and (max-width: 1199px) { 2149 .step-content .step-title { 2150 font-size: 18px; 2151 line-height: 22px; 2152 } 2153 .step-content .step-description { 2154 font-size: 14px; 2155 line-height: 18px; 2156 } 2157 .step-image img { 2158 width: 110px; 2159 height: 110px; 2160 } 2161 } 2162 2163 @media screen and (max-width: 991px) { 2164 .how-it-works-wrapper { 2165 grid-template-columns: 1fr; 2166 } 2167 2168 .right-image { 2169 order: -1; 2170 } 2171 2172 .how-it-works .section-title { 2173 font-size: 32px; 2174 } 2175 } 2176 2177 @media screen and (max-width: 767px) { 2178 .right-image {display: none;} 2179 .how-it-works .section-title { 2180 font-size: 28px; 2181 line-height: 34px; 2182 padding-bottom: 20px; 2183 } 2184 .step-image img { 2185 width: 100px; 2186 height: 100px; 2187 border-radius: 8px; 2188 } 2189 .step-card {gap: 16px;} 2190 .steps {gap: 8px;} 2191 .how-it-works .page-width {padding: 0 16px;} 2192 .step-card {padding: 8px;} 2193 } 2194</style> </div><div id="shopify-section-template--22196841349258__customers_reviews_NkArb3" class="shopify-section"><style data-shopify=""> 2195 #section-template--22196841349258__customers_reviews_NkArb3 { 2196 background: #f2f7f8; 2197 padding-top: 64px; 2198 padding-bottom: 64px; 2199 } 2200 2201 #section-template--22196841349258__customers_reviews_NkArb3 .review-heading{ 2202 color:#3f3939; 2203 } 2204 2205 2206 #section-template--22196841349258__customers_reviews_NkArb3 .left-right-ticker .ticker_container { 2207 animation: scroll-left 40s linear infinite; 2208 } 2209 2210 #section-template--22196841349258__customers_reviews_NkArb3 .right-left-ticker .ticker_container { 2211 animation: scroll-right 40s linear infinite; 2212 } 2213
2214 @keyframes scroll-left { 2215 from { 2216 transform: translateX(0); 2217 } 2218 to { 2219 transform: translateX(-50%); 2220 } 2221 } 2222 2223 @keyframes scroll-right { 2224 from { 2225 transform: translateX(-50%); 2226 } 2227 to { 2228 transform: translateX(0); 2229 } 2230 } 2231 2232 .customers-reviews-sec .review_item_wrapper { 2233 display: none; 2234 opacity: 0; 2235 max-height: 0; 2236 } 2237 2238 2239 /* Desktop (width > 767px) */ 2240 @media screen and (min-width:768px) { 2241 2242 2243 2244 #section-template--22196841349258__customers_reviews_NkArb3 .right-left-ticker { 2245 display: none; 2246 } 2247 2248 } 2249 2250 /* Mobile (width <= 767px) */ 2251 @media screen and (max-width:767px) { 2252 #section-template--22196841349258__customers_reviews_NkArb3 { 2253 padding-top: 32px; 2254 padding-bottom: 32px; 2255 } 2256 2257 #section-template--22196841349258__customers_reviews_NkArb3 .left-right-ticker .ticker_container { 2258 animation-duration: 20s; 2259 } 2260 #section-template--22196841349258__customers_reviews_NkArb3 .right-left-ticker .ticker_container { 2261 animation-duration: 20s; 2262 } 2263 2264 2265 #section-template--22196841349258__customers_reviews_NkArb3 .left-right-ticker { 2266 display: none; 2267 } 2268 2269 2270 2271 } 2272</style> <div class="section-template--22196841349258__customers_reviews_NkArb3 customers-reviews-sec" id="section-template--22196841349258__customers_reviews_NkArb3"> <div class="sec-container"> <div class="sechead"> <h2 class="review-heading"> Thousands of Happy Kids (and Parents) </h2> </div> <div class="image_ticker_block"> <div class="left-right-ticker image-ticker"> <div class="ticker_container"> <div class="ticker_item"> <img src="//www.tuttletwins.com/cdn/shop/files/ticker_img.webp?v=1771223343&width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img.webp?v=1771223343&width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img.webp?v=1771223343&width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img.webp?v=1771223343&width=400 400w" width="400" height="226" loading="lazy" class="ticker_img" sizes="(max-width: 768px) 200px, 400px"> </div> <div class="ticker_item"> <img src="//www.tuttletwins.com/cdn/shop/files/ticker_img2.png?v=1771226184&width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img2.png?v=1771226184&width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img2.png?v=1771226184&width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img2.png?v=1771226184&width=400 400w" width="400" height="226" loading="lazy" class="ticker_img" sizes="(max-width: 768px) 200px, 400px"> </div> <div class="ticker_item"> <img src="//www.tuttletwins.com/cdn/shop/files/ticker_img3.png?v=1771226227&width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img3.png?v=1771226227&width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img3.png?v=1771226227&width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img3.png?v=1771226227&width=400 400w" width="400" height="226" loading="lazy" class="ticker_img" sizes="(max-width: 768px) 200px, 400px"> </div> <div class="ticker_item"> <img src="//www.tuttletwins.com/cdn/shop/files/ticker_img4.png?v=1771226244&width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img4.png?v=1771226244&width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img4.png?v=1771226244&width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img4.png?v=1771226244&width=400 400w" width="400" height="226" loading="lazy" class="ticker_img" sizes="(max-width: 768px) 200px, 400px"> </div> <div class="ticker_item"> <img src="//www.tuttletwins.com/cdn/shop/files/ticker_img5.png?v=1771226258&width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img5.png?v=1771226258&width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img5.png?v=1771226258&width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img5.png?v=1771226258&width=400 400w" width="400" height="226" loading="lazy" class="ticker_img" sizes="(max-width: 768px) 200px, 400px"> </div> <div class="ticker_item"> <img src="//www.tuttletwins.com/cdn/shop/files/ticker_img.webp?v=1771223343&width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img.webp?v=1771223343&width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img.webp?v=1771223343&width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img.webp?v=1771223343&width=400 400w" width="400" height="226" loading="lazy" class="ticker_img" sizes="(max-width: 768px) 200px, 400px"> </div> <div class="ticker_item"> <img src="//www.tuttletwins.com/cdn/shop/files/ticker_img2.png?v=1771226184&width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img2.png?v=1771226184&width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img2.png?v=1771226184&width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img2.png?v=1771226184&width=400 400w" width="400" height="226" loading="lazy" class="ticker_img" sizes="(max-width: 768px) 200px, 400px"> </div> <div class="ticker_item"> <img src="//www.tuttletwins.com/cdn/shop/files/ticker_img3.png?v=1771226227&width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img3.png?v=1771226227&width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img3.png?v=1771226227&width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img3.png?v=1771226227&width=400 400w" width="400" height="226" loading="lazy" class="ticker_img" sizes="(max-width: 768px) 200px, 400px"> </div> <div class="ticker_item"> <img src="//www.tuttletwins.com/cdn/shop/files/ticker_img4.png?v=1771226244&width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img4.png?v=1771226244&width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img4.png?v=1771226244&width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img4.png?v=1771226244&width=400 400w" width="400" height="226" loading="lazy" class="ticker_img" sizes="(max-width: 768px) 200px, 400px"> </div> <div class="ticker_item"> <img src="//www.tuttletwins.com/cdn/shop/files/ticker_img5.png?v=1771226258&width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img5.png?v=1771226258&width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img5.png?v=1771226258&width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img5.png?v=1771226258&width=400 400w" width="400" height="226" loading="lazy" class="ticker_img" sizes="(max-width: 768px) 200px, 400px"> </div> </div> </div> <div class="right-left-ticker image-ticker"> <div class="ticker_container"> <div class="ticker_item"> <img src="//www.tuttletwins.com/cdn/shop/files/ticker_img.webp?v=1771223343&width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img.webp?v=1771223343&width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img.webp?v=1771223343&width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img.webp?v=1771223343&width=400 400w" width="400" height="226" loading="lazy" class="ticker_img" sizes="(max-width: 768px) 200px, 400px"> </div> <div class="ticker_item"> <img src="//www.tuttletwins.com/cdn/shop/files/ticker_img2.png?v=1771226184&width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img2.png?v=1771226184&width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img2.png?v=1771226184&width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img2.png?v=1771226184&width=400 400w" width="400" height="226" loading="lazy" class="ticker_img" sizes="(max-width: 768px) 200px, 400px"> </div> <div class="ticker_item"> <img src="//www.tuttletwins.com/cdn/shop/files/ticker_img3.png?v=1771226227&width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img3.png?v=1771226227&width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img3.png?v=1771226227&width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img3.png?v=1771226227&width=400 400w" width="400" height="226" loading="lazy" class="ticker_img" sizes="(max-width: 768px) 200px, 400px"> </div> <div class="ticker_item"> <img src="//www.tuttletwins.com/cdn/shop/files/ticker_img4.png?v=1771226244&width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img4.png?v=1771226244&width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img4.png?v=1771226244&width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img4.png?v=1771226244&width=400 400w" width="400" height="226" loading="lazy" class="ticker_img" sizes="(max-width: 768px) 200px, 400px"> </div> <div class="ticker_item"> <img src="//www.tuttletwins.com/cdn/shop/files/ticker_img5.png?v=1771226258&width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img5.png?v=1771226258&width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img5.png?v=1771226258&width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img5.png?v=1771226258&width=400 400w" width="400" height="226" loading="lazy" class="ticker_img" sizes="(max-width: 768px) 200px, 400px"> </div> <div class="ticker_item"> <img src="//www.tuttletwins.com/cdn/shop/files/ticker_img.webp?v=1771223343&width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img.webp?v=1771223343&width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img.webp?v=1771223343&width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img.webp?v=1771223343&width=400 400w" width="400" height="226" loading="lazy" class="ticker_img" sizes="(max-width: 768px) 200px, 400px"> </div> <div class="ticker_item"> <img src="//www.tuttletwins.com/cdn/shop/files/ticker_img2.png?v=1771226184&width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img2.png?v=1771226184&width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img2.png?v=1771226184&width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img2.png?v=1771226184&width=400 400w" width="400" height="226" loading="lazy" class="ticker_img" sizes="(max-width: 768px) 200px, 400px"> </div> <div class="ticker_item"> <img src="//www.tuttletwins.com/cdn/shop/files/ticker_img3.png?v=1771226227&width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img3.png?v=1771226227&width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img3.png?v=1771226227&width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img3.png?v=1771226227&width=400 400w" width="400" height="226" loading="lazy" class="ticker_img" sizes="(max-width: 768px) 200px, 400px"> </div> <div class="ticker_item"> <img src="//www.tuttletwins.com/cdn/shop/files/ticker_img4.png?v=1771226244&width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img4.png?v=1771226244&width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img4.png?v=1771226244&width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img4.png?v=1771226244&width=400 400w" width="400" height="226" loading="lazy" class="ticker_img" sizes="(max-width: 768px) 200px, 400px"> </div> <div class="ticker_item"> <img src="//www.tuttletwins.com/cdn/shop/files/ticker_img5.png?v=1771226258&width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img5.png?v=1771226258&width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img5.png?v=1771226258&width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img5.png?v=1771226258&width=400 400w" width="400" height="226" loading="lazy" class="ticker_img" sizes="(max-width: 768px) 200px, 400px"> </div> </div> </div> </div> <div class="review_container"> <div class="review_row"> <div class="review_col review_item_wrapper " data-index="0"> <div class="review_item"> <img src="//www.tuttletwins.com/cdn/shop/files/rating-star.svg?v=12790757414817172580" alt="Rating Stars" class="rating_star"> <div class="review_content"> <p>âMy son doesn't like to read, but he devours these books over and over again. Kudos to Connor and his team for finding the secret sauce to get my son interested in learning.â</p> </div> <div class="bottom_block"> <h5 class="customer_name"> Peter R </h5> <div class="verify_block"> <img src="//www.tuttletwins.com/cdn/shop/files/verify_icon_e487f5eb-8e65-4196-9e0d-885b1
2272a7df5dc.svg?v=3444751853781729401" alt="Verify Icon"> <span>VERIFIED BUYER</span> </div> </div> </div> </div> <div class="review_col review_item_wrapper " data-index="1"> <div class="review_item"> <img src="//www.tuttletwins.com/cdn/shop/files/rating-star.svg?v=12790757414817172580" alt="Rating Stars" class="rating_star"> <div class="review_content"> <p>âForget 5-11 year olds⦠when I read these books to my kids I learned all sorts of stuff nobody ever taught me. Now my kids and I have some awesome discussions together!â</p> </div> <div class="bottom_block"> <h5 class="customer_name"> Josie A </h5> <div class="verify_block"> <img src="//www.tuttletwins.com/cdn/shop/files/verify_icon_e487f5eb-8e65-4196-9e0d-885b1a7df5dc.svg?v=3444751853781729401" alt="Verify Icon"> <span>VERIFIED BUYER</span> </div> </div> </div> </div> <div class="review_col review_item_wrapper " data-index="2"> <div class="review_item"> <img src="//www.tuttletwins.com/cdn/shop/files/rating-star.svg?v=12790757414817172580" alt="Rating Stars" class="rating_star"> <div class="review_content"> <p>"We've received our first 2 books and my 2 kids have already read both, and my oldest has read them multiple times!"</p> </div> <div class="bottom_block"> <h5 class="customer_name"> Christie E </h5> <div class="verify_block"> <img src="//www.tuttletwins.com/cdn/shop/files/verify_icon_e487f5eb-8e65-4196-9e0d-885b1a7df5dc.svg?v=3444751853781729401" alt="Verify Icon"> <span>VERIFIED BUYER</span> </div> </div> </div> </div> <div class="review_col review_item_wrapper " data-index="3"> <div class="review_item"> <img src="//www.tuttletwins.com/cdn/shop/files/rating-star.svg?v=12790757414817172580" alt="Rating Stars" class="rating_star"> <div class="review_content"> <p>"The kids love having the variety of topics and are learning so much, with FUN READING! Keep up the great job Tuttle Twins!"</p> </div> <div class="bottom_block"> <h5 class="customer_name"> Lauri M. </h5> <div class="verify_block"> <img src="//www.tuttletwins.com/cdn/shop/files/verify_icon_e487f5eb-8e65-4196-9e0d-885b1a7df5dc.svg?v=3444751853781729401" alt="Verify Icon"> <span>VERIFIED BUYER</span> </div> </div> </div> </div> <div class="review_col review_item_wrapper " data-index="4"> <div class="review_item"> <img src="//www.tuttletwins.com/cdn/shop/files/rating-star.svg?v=12790757414817172580" alt="Rating Stars" class="rating_star"> <div class="review_content"> <p>"I love these books, we haven't even finished going through them all and between the books and the show on Angel she is already applying what she has learned to other things and it is amazing to see!</p><p>For example, the book about the pencil and how it is made actually taught her how the Bible was made and made it easy for her to understand."</p> </div> <div class="bottom_block"> <h5 class="customer_name"> Austin M. </h5> <div class="verify_block"> <img src="//www.tuttletwins.com/cdn/shop/files/verify_icon_e487f5eb-8e65-4196-9e0d-885b1a7df5dc.svg?v=3444751853781729401" alt="Verify Icon"> <span>VERIFIED BUYER</span> </div> </div> </div> </div> </div> <div class="show_all_wrapper"></div> </div> </div> </div> <style> 2273 .customers-reviews-sec .sec-container { 2274 display: flex; 2275 flex-direction: column; 2276 gap: 48px; 2277 } 2278 .customers-reviews-sec .review-heading { 2279 margin: 0; 2280 font-size: 40px; 2281 text-align: center; 2282 font-weight: 500; 2283 letter-spacing: 0; 2284 line-height: 140%; 2285 } 2286 .customers-reviews-sec .review_container { 2287 max-width: 1272px; 2288 margin: 0 auto; 2289 padding: 0 20px; 2290 } 2291 .customers-reviews-sec .review_container .review_row { 2292 display: flex; 2293 flex-wrap: wrap; 2294 margin: 0 -8px; 2295 row-gap: 16px; 2296 } 2297 .customers-reviews-sec .review_container .review_row .review_col { 2298 flex: 0 0 33.33%; 2299 padding: 0 8px; 2300 } 2301 .customers-reviews-sec .review_item { 2302 background: #FFFFFF; 2303 border-radius: 15px; 2304 padding: 20px; 2305 display: flex; 2306 flex-direction: column; 2307 gap: 16px; 2308 } 2309 .customers-reviews-sec .review_item .rating_star { 2310 width: 88px; 2311 } 2312 .customers-reviews-sec .review_content { 2313 font-size: 14px; 2314 letter-spacing: 0; 2315 line-height: 140%; 2316 } 2317 .customers-reviews-sec .review_content p { 2318 margin: 0; 2319 }
2320 .customers-reviews-sec .verify_block img { 2321 width: 20px; 2322 } 2323 .customers-reviews-sec .verify_block { 2324 display: flex; 2325 align-items: center; 2326 gap: 6px; 2327 } 2328 .customers-reviews-sec .verify_block span { 2329 font-size: 14px; 2330 color: #3F3939; 2331 letter-spacing: 0; 2332 line-height: 100%; 2333 } 2334 .customers-reviews-sec .review_item .customer_name { 2335 margin: 0; 2336 font-weight: 600; 2337 font-size: 14px; 2338 line-height: 110%; 2339 letter-spacing: 0; 2340 } 2341 .customers-reviews-sec .review_item .bottom_block { 2342 display: flex; 2343 align-items: center; 2344 gap: 8px; 2345 } 2346 2347 .customers-reviews-sec .review_item_wrapper { 2348 overflow: hidden; 2349 transition: all 0.5s ease; 2350 } 2351 2352 .customers-reviews-sec .review_item_wrapper.show { 2353 display: flex; 2354 opacity: 1; 2355 max-height: 500px; 2356 } 2357 2358 .customers-reviews-sec .show_all_wrapper { 2359 display: flex; 2360 justify-content: center; 2361 } 2362 2363 .customers-reviews-sec .show_all_reviews, 2364 .customers-reviews-sec .show_less_reviews { 2365 margin: 24px auto 0; 2366 display: block; 2367 padding: 15px 24px; 2368 cursor: pointer; 2369 border: 1px solid #000000; 2370 background: transparent; 2371 color:#3F3939; 2372 font-size: 18px; 2373 font-family: var(--font-body-family); 2374 font-weight: 500; 2375 line-height: 123%; 2376 border-radius: 100px; 2377 width: 100%; 2378 justify-content: center; 2379 align-items: center; 2380 max-width: 268px; 2381 } 2382 .customers-reviews-sec .show_all_reviews:hover, .show_less_reviews:hover { 2383 background: #000; 2384 color: #fff; 2385 } 2386 .customers-reviews-sec .image_ticker_block { 2387 display: flex; 2388 flex-direction: column; 2389 gap: 12px; 2390 } 2391 .customers-reviews-sec .image-ticker { 2392 overflow: hidden; 2393 position: relative; 2394 } 2395 .customers-reviews-sec .ticker_item .ticker_img { 2396 vertical-align: middle; 2397 max-width: 354px; 2398 aspect-ratio: 3 / 1.7; 2399 object-fit: cover; 2400 border-radius: 8px; 2401 } 2402 .customers-reviews-sec .ticker_container { 2403 display: flex; 2404 gap: 24px; 2405 width: max-content; 2406 } 2407 .customers-reviews-sec .ticker_item { 2408 flex-shrink: 0; 2409 } 2410 2411 2412 @media screen and (max-width:1024px){ 2413 .customers-reviews-sec .review_container .review_row .review_col { 2414 flex: 0 0 50%; 2415 } 2416 } 2417 2418 @media screen and (max-width:767px){ 2419 .customers-reviews-sec .review_container { 2420 padding: 0 16px; 2421 } 2422 .customers-reviews-sec .review_container .review_row .review_col { 2423 flex: 0 0 100%; 2424 } 2425 .customers-reviews-sec .review-heading { 2426 font-size: 28px; 2427 line-height:120%; 2428 } 2429 .customers-reviews-sec .sec-container { 2430 gap: 24px; 2431 } 2432 .customers-reviews-sec .ticker_container { 2433 gap: 12px; 2434 } 2435 } 2436</style>
2436<script> 2437 document.addEventListener("DOMContentLoaded", function() { 2438 if (typeof Shopify !== "undefined" && Shopify.designMode) return; // skip in editor 2439 2440 document.querySelectorAll(".customers-reviews-sec").forEach(section => { 2441 const showWrapper = section.querySelector(".show_all_wrapper"); 2442 const reviewItems = section.querySelectorAll(".review_item_wrapper"); 2443 2444 if (!showWrapper) return; 2445 2446 // Create buttons 2447 const showMoreBtn = document.createElement("button"); 2448 showMoreBtn.className = "show_all_reviews"; 2449 showMoreBtn.textContent = "Load More Reviews"; 2450 2451 const showLessBtn = document.createElement("button"); 2452 showLessBtn.className = "show_less_reviews"; 2453 showLessBtn.textContent = "Show Less"; 2454 2455 showWrapper.appendChild(showMoreBtn); 2456 showWrapper.appendChild(showLessBtn); 2457 2458 showMoreBtn.style.display = "none"; 2459 showLessBtn.style.display = "none"; 2460 2461 function setVisibleReviews() { 2462 const isMobile = window.innerWidth <= 767; 2463 const limit = isMobile ? 3 : 6; 2464 2465 reviewItems.forEach((el, i) => { 2466 if(i < limit){ 2467 el.classList.add("show"); 2468 } else { 2469 el.classList.remove("show"); 2470 } 2471 }); 2472 2473 if(reviewItems.length > limit){ 2474 showMoreBtn.style.display = "inline-block"; 2475 showLessBtn.style.display = "none"; 2476 } else { 2477 showMoreBtn.style.display = "none"; 2478 showLessBtn.style.display = "none"; 2479 } 2480 } 2481 2482 setVisibleReviews(); 2483 window.addEventListener("resize", setVisibleReviews); 2484 2485 showMoreBtn.addEventListener("click", function() { 2486 reviewItems.forEach(el => el.classList.add("show")); 2487 showMoreBtn.style.display = "none"; 2488 showLessBtn.style.display = "inline-block"; 2489 }); 2490 2491 showLessBtn.addEventListener("click", function() { 2492 setVisibleReviews(); 2493 showLessBtn.style.display = "none"; 2494 showMoreBtn.style.display = "inline-block"; 2495 }); 2496 }); 2497 }); 2498 </script>
2498 </div><div id="shopify-section-template--22196841349258__sc_pdp_image_text_gNd7B4" class="shopify-section"><style data-shopify=""> 2499 #section-template--22196841349258__sc_pdp_image_text_gNd7B4 { 2500 padding-top: 80px; 2501 padding-bottom: 80px; 2502 background-color: #ffffff; 2503 } 2504 @media only screen and (max-width: 991px) { 2505 #section-template--22196841349258__sc_pdp_image_text_gNd7B4 { 2506 padding-top: 32px; 2507 padding-bottom: 32px; 2508 } 2509 } 2510</style> <section class="sc-pdp-image-text" id="section-template--22196841349258__sc_pdp_image_text_gNd7B4"> <div class="container"> <div class="sc-pdp-grid"> <div class="image-part"> <img src="//www.tuttletwins.com/cdn/shop/files/image-kids.webp?v=1771221879" alt="image" class="desk-img"> <img src="//www.tuttletwins.com/cdn/shop/files/mobile-img.webp?v=1771236092" alt="image" class="mobile-img"> </div> <div class="content-part"> <h2 class="heading">Big Ideas Start Early.</h2> <div class="content"><p>Give your kids stories that entertain and teach them how the world really works. </p><p></p><p>The Tuttle Twins Book Club delivers age-appropriate books each month that spark curiosity, critical thinking, and a love of learning without preaching or politics.</p></div> <div class="listing-part"> <div class="listing-inner"> <img src="//www.tuttletwins.com/cdn/shop/files/icon1.svg?v=1771221964" alt="icon"> <div class="listing-inner-content"> <div class="listing-title">Fun to Read</div> <div class="listing-content"><p>The original book has great lessons, but we explain them in simple language with fun characters and clear examples kids can follow.</p></div> </div> </div> <div class="listing-inner"> <img src="//www.tuttletwins.com/cdn/shop/files/icon2.svg?v=1771221963" alt="icon"> <div class="listing-inner-content"> <div class="listing-title">Designed to Stick</div> <div class="listing-content"><p>Instead of long, dense text, Tuttle Twins uses exciting stories that make the lessons stick and feel real in everyday life.</p></div> </div> </div> </div> <a href="#mainProduct_scrollTop" class="shop-btn">Shop Book Club</a> </div> </div> </div> </section> <style> 2511 .sc-pdp-image-text h2, 2512 .sc-pdp-image-text p { 2513 margin:0px; 2514 } 2515 .sc-pdp-image-text .container { 2516 max-width: 1350px; 2517 margin: 0 auto; 2518 padding: 0 16px; 2519 width:100%; 2520 } 2521 .sc-pdp-image-text .sc-pdp-grid { 2522 display:flex; 2523 gap:80px; 2524 } 2525 .sc-pdp-image-text .image-part { 2526 border-radius:20px; 2527 overflow:hidden; 2528 } 2529 .sc-pdp-image-text .image-part img { 2530 height:100%; 2531 width:100%; 2532 object-fit:cover; 2533 vertical-align:middle; 2534 } 2535 .sc-pdp-image-text .content-part { 2536 max-width:588px; 2537 width:100%; 2538 } 2539 .sc-pdp-image-text .content-part .heading{ 2540 font-size:40px; 2541 line-height:120%; 2542 letter-spacing:0px; 2543 color:#3F3939; 2544 font-weight:500; 2545 } 2546 .sc-pdp-image-text .content-part .content{ 2547 font-size:16px; 2548 line-height:160%; 2549 letter-spacing:0px; 2550 color:#3F3939FF; 2551 margin-top:16px; 2552 } 2553 .sc-pdp-image-text .content-part .listing-part{ 2554 margin:40px 0px; 2555 } 2556 .sc-pdp-image-text .content-part .listing-inner{ 2557 display:flex; 2558 align-items:center; 2559 gap:24px; 2560 margin-bottom:32px; 2561 } 2562 .sc-pdp-image-text .content-part .listing-inner:last-child{ 2563 margin-bottom:0px; 2564 } 2565 .sc-pdp-image-text .content-part .listing-inner img{ 2566 width:48px; 2567 height:48px; 2568 vertical-align:middle; 2569 } 2570 .sc-pdp-image-text .content-part .listing-inner .listing-title{ 2571 font-size:24px; 2572 line-height:140%; 2573 letter-spacing:0px; 2574 font-weight:500; 2575 } 2576 .sc-pdp-image-text .content-part .listing-inner .listing-content{ 2577 font-size:16px; 2578 line-height:160%; 2579 letter-spacing:0px; 2580 margin-top:6px; 2581 } 2582 .sc-pdp-image-text .content-part .shop-btn{ 2583 display:inline-block; 2584 font-size:18px; 2585 line-height:120%; 2586 letter-spacing:0px; 2587 font-weight:500; 2588 color:#ffffff; 2589 background-color:#DB5846; 2590 padding:16px 48px; 2591 transition:all 0.3s ease; 2592 text-align:center; 2593 border-radius:50px; 2594 text-decoration:none; 2595 } 2596 .sc-pdp-image-text .content-part .shop-btn:hover{ 2597 background-color:#3f3939; 2598} 2599.sc-pdp-image-text .mobile-img{ 2600 display:none; 2601} 2602.sc-pdp-image-text .content-part .content p { 2603 display: inline; 2604} 2605 @media only screen and (max-width: 991px) { 2606 .sc-pdp-image-text .sc-pdp-grid { 2607 gap:24px; 2608 align-items:start; 2609 } 2610 .sc-pdp-image-text .content-part { 2611 max-width:100%; 2612 } 2613 .sc-pdp-image-text .image-part{ 2614 width:100%; 2615 } 2616 .sc-pdp-image-text .content-part .heading{ 2617 font-size:32px; 2618 } 2619 .sc-pdp-image-text .content-part .listing-inner .listing-title { 2620 font-size: 20px; 2621 } 2622 .sc-pdp-image-text .content-part .listing-inner .listing-content{ 2623 margin-top:4px; 2624 } 2625 .sc-pdp-image-text .content-part .listing-inner img { 2626 width: 40px; 2627 height: 40px; 2628 } 2629 .sc-pdp-image-text .content-part .listing-part { 2630 margin: 24px 0px; 2631 } 2632 .sc-pdp-image-text .content-part .listing-inner{ 2633 margin-bottom: 16px; 2634 } 2635 .sc-pdp-image-text .image-part { 2636 border-radius:15px; 2637 } 2638 .sc-pdp-image-text .content-part .content{ 2639 margin-top:12px; 2640 } 2641 } 2642 @media only screen and (max-width: 767px) { 2643 .sc-pdp-image-text .sc-pdp-grid{ 2644 flex-wrap:wrap; 2645 } 2646 .sc-pdp-image-text .content-part .heading { 2647 font-size: 28px; 2648 } 2649 .sc-pdp-image-text .content-part .content p { 2650 margin-bottom: 20px; 2651 } 2652 .sc-pdp-image-text .content-part .content p:last-child{ 2653 margin-bottom:0px; 2654 } 2655 } 2656 @media only screen and (max-width: 575px) { 2657 .sc-pdp-image-text .content-part .shop-btn{ 2658 width:100%; 2659 } 2660 .sc-pdp-image-text .mobile-img{ 2661 display:block; 2662 } 2663 .sc-pdp-image-text .desk-img{ 2664 display:none; 2665 } 2666 .sc-pdp-image-text .content-part .content p { 2667 display: block; 2668 } 2669 } 2670</style> </div><div id="shopify-section-template--22196841349258__sc_faq_BG4eRc" class="shopify-section"><style data-shopify=""> 2671#section-template--22196841349258__sc_faq_BG4eRc { 2672 background-color: #f2f7f8; 2673 color: #3f3939; 2674 padding-top: 64px; 2675 padding-bottom: 64px; 2676} 2677#section-template--22196841349258__sc_faq_BG4eRc span, 2678#section-template--22196841349258__sc_faq_BG4eRc .title { 2679 color: #3f3939; 2680} 2681 2682@media (max-width: 991px) { 2683 #section-template--22196841349258__sc_faq_BG4eRc { 2684 padding-top: 32px; 2685 padding-bottom: 32px; 2686 } 2687} 2688</style> <section class="sc-faq" id="section-template--22196841349258__sc_faq_BG4eRc"> <div class="container"> <div class="faq-main-block"> <!-- LEFT CONTENT --> <div class="faq-content"> <h2 class="title">Frequently Asked Questions</h2> <div class="faq-wrapper"> <div class="faq-item"> <button class="faq-question" aria-expanded="false"> <span>What ages are the books for?</span> <span class="faq-icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="plus-icon"> <path d="M12.001 5V19.002" stroke="#05AED8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M19.002 12.002H5" stroke="#05AED8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="minus-icon"> <path d="M19.002 12.002H5" stroke="#05AED8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </button> <div class="faq-answer"> <div class="faq-answer-inner"> <p>Our âsweet spotâ is ages 5â12, but we have books for every stage of growing up â from toddler board books that teach simple values, to storybooks and chapter books that make big ideas fun and easy to understand, all the way up to teen guides that explore real-world topics. Many parents love reading the books together with their kids, helping spark great conversations and making learning a family experience.</p> </div> </div> </div> <div class="faq-item"> <button class="faq-question" aria-expanded="false"> <span>What kinds of concepts do the books teach?</span> <span class="faq-icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="plus-icon"> <path d="M12.001 5V19.002" stroke="#05AED8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M19.002 12.002H5" stroke="#05AED8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="minus-icon"> <path d="M19.002 12.002H5" stroke="#05AED8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </button> <div class="faq-answer"> <div class="faq-answer-inner"> <p>These stories introduce kids to freedom-based ideas like individual liberty, free market economics, personal responsibility, critical thinking, entrepreneurship, and real-world historyâwrapped up in fun, age-appropriate adventures.</p> </div> </div> </div> <div class="faq-item"> <button class="faq-question" aria-expanded="false"> <span>Is there a refund policy if itâs not the right fit?</span> <span class="faq-icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="plus-icon"> <path d="M12.001 5V19.002" stroke="#05AED8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M19.002 12.002H5" stroke="#05AED8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="minus-icon"> <path d="M19.002 12.002H5" stroke="#05AED8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </button> <div class="faq-answer"> <div class="faq-answer-inner"> <p>Yes! The Tuttle Twins offer a 30-day, no-questions-asked refund policy. If you're not completely happy, just reach out, and you'll get your money backârisk-free.</p> </div> </div> </div> </div> </div> <!-- RIGHT IMAGE --> <div class="faq-img-block"> <img src="//www.tuttletwins.com/cdn/shop/files/img.png?v=1771219262" alt="Frequently Asked Questions" loading="lazy"> </div> </div> </div> </section> <style> 2689/* Container */ 2690.sc-faq .container { 2691 max-width: 1272px; 2692 margin: 0 auto; 2693 padding: 0 20px; 2694} 2695 2696/* 2 Column Layout */ 2697.sc-faq .faq-main-block { 2698 display: grid; 2699 grid-template-columns: 1fr 1fr; 2700 gap: 55px; 2701 2702} 2703.sc-faq .faq-main-block .faq-img-block { 2704 max-width: 549px; 2705 margin-left: auto; 2706} 2707 2708/* Heading */ 2709.sc-faq .title { 2710 font-style: normal; 2711 font-weight: 500; 2712 font-size: 40px; 2713 line-height: 1.1; 2714 margin: 0; 2715 margin-bottom: 40px; 2716} 2717 2718/* FAQ Item */ 2719.sc-faq .faq-item { 2720 background: #FFFFFF; 2721 border-radius: 4px; 2722 margin-bottom: 12px; 2723 overflow: hidden; 2724 cursor: pointer; 2725} 2726 2727/* Question */ 2728.sc-faq .faq-question { 2729 width: 100%; 2730 border: none; 2731 background: transparent; 2732 padding: 18px 20px; 2733 font-size: 18px; 2734 line-height: 1.3; 2735 text-align: left; 2736 display: flex; 2737 justify-content: space-between; 2738 align-items: center; 2739 cursor: pointer; 2740 font-family: Poppins; 2741 font-weight: 500; 2742 gap: 32px; 2743} 2744.faq-item.active .faq-question { 2745 padding-bottom: 12px; 2746} 2747 2748/* Icon */ 2749.sc-faq .faq-icon { 2750 font-size: 22px; 2751 transition: transform 0.3s ease;
2752 color: #05AED8; 2753} 2754 2755/* Answer */ 2756.sc-faq .faq-answer { 2757 max-height: 0; 2758 overflow: hidden; 2759 transition: max-height 0.4s ease; 2760 max-width: 550px; 2761} 2762 2763.sc-faq .faq-answer-inner { 2764 padding: 0 20px 20px; 2765 font-size: 16px; 2766 line-height: 1.6; 2767} 2768.sc-faq .faq-answer-inner p { 2769 margin: 0; 2770} 2771 2772/* Image */ 2773.sc-faq .faq-img-block img { 2774 width: 100%; 2775 border-radius: 20px; 2776} 2777 2778 2779/* Default state */ 2780.faq-icon .minus-icon { 2781 display: none; 2782} 2783 2784.faq-item.active .plus-icon { 2785 display: none; 2786} 2787 2788.faq-item.active .minus-icon { 2789 display: block; 2790} 2791 2792@media (max-width: 1199px) { 2793 .sc-faq .faq-main-block { 2794 gap: 35px; 2795 } 2796 .sc-faq .title { 2797 font-size: 36px; 2798 margin-bottom: 32px; 2799 } 2800} 2801 2802@media (max-width: 1024px) { 2803 .sc-faq .faq-main-block { 2804 gap: 20px; 2805 } 2806 .sc-faq .faq-question { 2807 padding: 16px 16px 16px 16px; 2808 } 2809 .sc-faq .faq-answer-inner { 2810 padding: 0 16px 16px; 2811 } 2812} 2813 2814@media (max-width: 767px) { 2815 .sc-faq .container { 2816 padding: 0 16px; 2817 } 2818 .sc-faq .faq-main-block { 2819 grid-template-columns: 1fr; 2820 } 2821 .sc-faq .faq-main-block .faq-img-block { 2822 max-width: 100%; 2823 display: none; 2824 } 2825 .sc-faq .title { 2826 font-size: 32px; 2827 margin-bottom: 24px; 2828 } 2829} 2830 2831@media (max-width: 575px) { 2832 .sc-faq .title { 2833 font-size: 28px; 2834 } 2835 .sc-faq .faq-answer-inner { 2836 margin-right: 40px; 2837 } 2838} 2839</style>
2839<script> 2840 2841document.addEventListener("DOMContentLoaded", function() { 2842 2843 const section = document.querySelector("#section-template--22196841349258__sc_faq_BG4eRc"); 2844 if (!section) return; 2845 2846 const faqItems = section.querySelectorAll(".faq-item"); 2847 2848 function closeAllItems() { 2849 faqItems.forEach(item => { 2850 item.classList.remove("active"); 2851 const answer = item.querySelector(".faq-answer"); 2852 const button = item.querySelector(".faq-question"); 2853 2854 button.setAttribute("aria-expanded", "false"); 2855 answer.style.maxHeight = null; 2856 }); 2857 } 2858 2859 function openItem(item) { 2860 const answer = item.querySelector(".faq-answer"); 2861 const button = item.querySelector(".faq-question"); 2862 2863 item.classList.add("active"); 2864 button.setAttribute("aria-expanded", "true"); 2865 answer.style.maxHeight = answer.scrollHeight + "px"; 2866 } 2867 2868 // Click Event 2869 faqItems.forEach(item => { 2870 const question = item.querySelector(".faq-question"); 2871 2872 question.addEventListener("click", function() { 2873 2874 const isActive = item.classList.contains("active"); 2875 2876 closeAllItems(); 2877 2878 if (!isActive) { 2879 openItem(item); 2880 } 2881 }); 2882 }); 2883 2884 // Auto open first item 2885 if (faqItems.length > 0) { 2886 openItem(faqItems[0]); 2887 } 2888 2889 // ð¥ Fix Height on Window Resize 2890 window.addEventListener("resize", function() { 2891 faqItems.forEach(item => { 2892 if (item.classList.contains("active")) { 2893 const answer = item.querySelector(".faq-answer"); 2894 answer.style.maxHeight = answer.scrollHeight + "px"; 2895 } 2896 }); 2897 }); 2898 2899}); 2900</script>
2900 </div> </main> <!-- BEGIN sections: footer-group --> <div id="shopify-section-sections--22196841087114__ssky_footer_corner_color" class="shopify-section shopify-section-group-footer-group"> </div><div id="shopify-section-sections--22196841087114__footer" class="shopify-section shopify-section-group-footer-group"> <link href="//www.tuttletwins.com/cdn/shop/t/158/assets/section-footer.css?v=48293923133544200421787249516" rel="stylesheet" type="text/css" media="all"> <link href="//www.tuttletwins.com/cdn/shop/t/158/assets/component-newsletter.css?v=92441837070189860431787249517" rel="stylesheet" type="text/css" media="all"> <link href="//www.tuttletwins.com/cdn/shop/t/158/assets/component-list-menu.css?v=151968516119678728991787249518" rel="stylesheet" type="text/css" media="all"> <link href="//www.tuttletwins.com/cdn/shop/t/158/assets/component-list-payment.css?v=69253961410771838501787249518" rel="stylesheet" type="text/css" media="all"> <link href="//www.tuttletwins.com/cdn/shop/t/158/assets/component-list-social.css?v=91588111571255811531787249519" rel="stylesheet" type="text/css" media="all"> <style data-shopify="">.footer-ssky-sections--22196841087114__footer { 2901 margin-top: 0px; 2902 } 2903 .footer-ssky-sections--22196841087114__footer .footer-ssky { 2904 padding-top: 20px; 2905 padding-bottom: 20px; 2906 } 2907 .footer-ssky-sections--22196841087114__footer .footer-ssky__top { 2908 padding-bottom: 20px; 2909 } 2910 .footer-ssky-sections--22196841087114__footer .footer-ssky__bottom { 2911 padding-top: 20px; 2912 } 2913 @media screen and (min-width: 750px) { 2914 .footer-ssky-sections--22196841087114__footer { 2915 margin-top: 0px; 2916 } 2917 .footer-ssky-sections--22196841087114__footer .footer-ssky { 2918 padding-top: 24px; 2919 padding-bottom: 24px; 2920 } 2921 .footer-ssky-sections--22196841087114__footer .footer-ssky__top { 2922 padding-bottom: 24px; 2923 } 2924 .footer-ssky-sections--22196841087114__footer .footer-ssky__bottom { 2925 padding-top: 24px; 2926 } 2927 }.footer-ssky-sections--22196841087114__footer { 2928 background-color: rgba(0,0,0,0); 2929 }</style><footer class="footer-ssky-sections--22196841087114__footer footer-corner-color-ssky"> <div class="footer-ssky footer color-scheme-4 gradient"> <div class="page-width"> <div class="footer-ssky__top"> <div class="footer-ssky__top-logo"><img src="//www.tuttletwins.com/cdn/shop/files/TT_LOGO_Yellow.webp?v=1729345122&width=600" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/TT_LOGO_Yellow.webp?v=1729345122&width=352 352w, //www.tuttletwins.com/cdn/shop/files/TT_LOGO_Yellow.webp?v=1729345122&width=600 600w" width="600" height="229"> </div> <div class="footer-ssky__top-menu-con"> <div class="footer-ssky__top-menu"><ul class="footer-ssky__top-menu__list list-unstyled"><li> <a href="/pages/about" class="link link--text list-menu__item list-menu__item--link"> About </a> </li><li> <a href="/pages/blog" class="link link--text list-menu__item list-menu__item--link"> Blog </a> </li><li> <a href="/blogs/podcast" class="link link--text list-menu__item list-menu__item--link"> Podcast </a> </li><li> <a href="/pages/homeschool-hub" class="link link--text list-menu__item list-menu__item--link"> ESA Homeschool Hub </a> </li><li> <a href="/pages/refer" class="link link--text list-menu__item list-menu__item--link"> Refer a Friend </a> </li><li> <a href="https://affiliate.tuttletwins.com" class="link link--text list-menu__item list-menu__item--link"> Affiliates </a> </li><li> <a href="https://tuttletwins.com/pages/wholesale" class="link link--text list-menu__item list-menu__item--link"> Wholesale </a> </li><li> <a href="/pages/faq" class="link link--text list-menu__item list-menu__item--link"> FAQs </a> </li><li> <a href="/pages/donate" class="link link--text list-menu__item list-menu__item--link"> Donate </a> </li><li> <a href="/pages/contact" class="link link--text list-menu__item list-menu__item--link"> Contact </a> </li><li> <a href="https://www.tuttletwins.com/pages/where-to-start" class="link link--text list-menu__item list-menu__item--link"> New To Tuttle Twins? Start Here </a> </li><li> <a href="https://www.tuttletwins.com/pages/comparison-page" class="link link--text list-menu__item list-menu__item--link"> Compare Bundles </a> </li></ul></div> <div class="footer-ssky__top-up-arrow"> <a href="#back_to_top" class="full-unstyled-link"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-backtotop" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM11 16C11 16.5523 11.4477 17 12 17C12.5
2929523 17 13 16.5523 13 16L13 10.4142L14.2929 11.7071C14.6834 12.0976 15.3166 12.0976 15.7071 11.7071C16.0976 11.3166 16.0976 10.6834 15.7071 10.2929L12.7941 7.37993C12.7791 7.36486 12.7637 7.35031 12.748 7.33627C12.5648 7.12998 12.2976 7 12 7C11.7024 7 11.4352 7.12998 11.252 7.33627C11.2363 7.3503 11.2209 7.36486 11.2059 7.37993L8.29289 10.2929C7.90237 10.6834 7.90237 11.3166 8.29289 11.7071C8.68342 12.0976 9.31658 12.0976 9.70711 11.7071L11 10.4142L11 16Z" fill="currentColor"></path></svg> </a> </div> </div> </div><div class="footer-ssky__bottom footer__content-bottom-wrapper"> <div class="footer__copyright"> <small class="copyright__content">© 2014 - 2026 <a href="/" title="">The Tuttle Twins</a></small><ul class="policies list-unstyled"><li> <small class="copyright__content"><a href="/policies/privacy-policy">Privacy policy</a></small> </li><li> <small class="copyright__content"><a href="/policies/terms-of-service">Terms of service</a></small> </li><li> <small class="copyright__content"><a href="/policies/refund-policy">Refund policy</a></small> </li><li> <small class="copyright__content"><a href="/policies/shipping-policy">Shipping policy</a></small> </li></ul><small class="copyright__content copyright__additional">Part of the <a href="https://libertas.org/" target="_blank" title="https://libertas.org/">Libertas Network</a></small> </div> <ul class="list-unstyled list-social footer__list-social" role="list"><li class="list-social__item"> <a href="https://www.facebook.com/TuttleTwins" class="link list-social__link"> <span class="svg-wrapper"><svg class="icon icon-facebook" viewBox="0 0 320 512"><path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg> </span> <span class="visually-hidden">Facebook</span> </a> </li><li class="list-social__item"> <a href="https://x.com/tuttletwins" class="link list-social__link"> <span class="svg-wrapper"><svg class="icon icon-twitter" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M7.273 2.8 10.8 7.822 15.218 2.8h1.768l-5.4 6.139 5.799 8.254h-4.658l-3.73-5.31-4.671 5.31H2.558l5.654-6.427L2.615 2.8zm6.242 13.125L5.07 4.109h1.405l8.446 11.816z" clip-rule="evenodd"></path></svg> </span> <span class="visually-hidden">X (Twitter)</span> </a> </li><li class="list-social__item"> <a href="https://www.instagram.com/tuttletwins" class="link list-social__link"> <span class="svg-wrapper"><svg class="icon icon-instagram" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"></path></svg> </span> <span class="visually-hidden">Instagram</span> </a> </li><li class="list-social__item"> <a href="https://www.tiktok.com/@tuttle_twins" class="link list-social__link"> <span class="svg-wrapper">
2929<svg class="icon icon-tiktok" viewBox="0 0 20 20"><path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205z"></path></svg> </span> <span class="visually-hidden">TikTok</span> </a> </li><li class="list-social__item"> <a href="https://www.youtube.com/@TheTuttleTwins" class="link list-social__link"> <span class="svg-wrapper"><svg class="icon icon-youtube" viewBox="0 0 20 20"><path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.13 2.13 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.13 2.13 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.17 2.17 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.17 2.17 0 0 1 1.53 1.53M8.3 12.5l4.42-2.55L8.3 7.4z"></path></svg> </span> <span class="visually-hidden">YouTube</span> </a> </li><li class="list-social__item"> <a href="https://www.pinterest.com/TuttleTwins" class="link list-social__link"> <span class="svg-wrapper"><svg class="icon icon-pinterest" viewBox="0 0 20 20"><path fill="currentColor" d="M10 2.01a8.1 8.1 0 0 1 5.666 2.353 8.09 8.09 0 0 1 1.277 9.68A7.95 7.95 0 0 1 10 18.04a8.2 8.2 0 0 1-2.276-.307c.403-.653.672-1.24.816-1.729l.567-2.2c.134.27.393.5.768.702.384.192.768.297 1.19.297q1.254 0 2.248-.72a4.7 4.7 0 0 0 1.537-1.969c.37-.89.554-1.848.537-2.813 0-1.249-.48-2.315-1.43-3.227a5.06 5.06 0 0 0-3.65-1.374c-.893 0-1.729.154-2.478.461a5.02 5.02 0 0 0-3.236 4.552c0 .72.134 1.355.413 1.902.269.538.672.922 1.22 1.152.096.039.182.039.25 0 .066-.028.114-.096.143-.192l.173-.653c.048-.144.02-.288-.105-.432a2.26 2.26 0 0 1-.548-1.565 3.803 3.803 0 0 1 3.976-3.861c1.047 0 1.863.288 2.44.855.585.576.883 1.315.883 2.228a6.8 6.8 0 0 1-.317 2.122 3.8 3.8 0 0 1-.893 1.556c-.384.384-.836.576-1.345.576-.413 0-.749-.144-1.018-.451-.259-.307-.345-.672-.25-1.085q.22-.77.452-1.537l.173-.701c.057-.25.086-.451.086-.624 0-.346-.096-.634-.269-.855-.192-.22-.451-.336-.797-.336-.432 0-.797.192-1.085.595-.288.394-.442.893-.442 1.499.005.374.063.746.173 1.104l.058.144c-.576 2.478-.913 3.938-1.037 4.36-.116.528-.154 1.153-.125 1.863A8.07 8.07 0 0 1 2 10.03c0-2.208.778-4.11 2.343-5.666A7.72 7.72 0 0 1 10 2.001z"></path></svg> </span> <span class="visually-hidden">Pinterest</span> </a> </li></ul> </div> </div> </div> </footer> </div> <!-- END sections: footer-group --> <div id="shopify-section-sticky-atc" class="shopify-section"> <style> 2930 #md-sticky-atc { 2931 position: fixed; 2932 bottom: 0; 2933 left: 0; 2934 width: 100%; 2935 z-index: 2; 2936 padding-top: 0.5rem; 2937 padding-bottom: 0.5rem; 2938 visibility: hidden; 2939 opacity: 0; 2940 transform: translateY(100%); 2941 transition: all .15s ease-out; 2942 border-top: 0.1rem solid rgba(var(--color-foreground),.08); 2943 } 2944 #md-sticky-atc.show { 2945 visibility: visible; 2946 opacity: 1; 2947 transform: translateY(0); 2948 } 2949 #md-sticky-atc .page-width-inner { 2950 } 2951 /* @media (min-width: 990px) { 2952 #md-sticky-atc .page-width-inner { 2953 display: flex; 2954 align-items: center; 2955 justify-content: space-between; 2956 } 2957 } */ 2958 #md-sticky-atc .product-content { 2959 display: flex; 2960 align-items: center; 2961 padding-bottom: .5rem; 2962 } 2963 /* @media (min-width: 990px) { 2964 #md-sticky-atc .product-content { 2965 padding-bottom: 0; 2966 padding-right: 2rem; 2967 } 2968 } */ 2969 #md-sticky-atc .product-content .product__title { 2970 margin: 0 0 .5rem; 2971 } 2972 #md-sticky-atc .product-content .price { 2973 display: flex; 2974 align-items: center; 2975 } 2976 #md-sticky-atc .product-content img { 2977 margin-right: .75rem; 2978 } 2979 #md-sticky-atc .product-form { 2980 flex-shrink: 0; 2981 } 2982 #md-sticky-atc .product-form .select { 2983 flex-shrink: 0; 2984 width: auto; 2985 margin-right: .75rem; 2986 flex-grow: 1; 2987 max-width: 50%; 2988 } 2989 /* @media (min-width: 990px) { 2990 #md-sticky-atc .product-form .select { 2991 flex-grow: 0; 2992 } 2993 } */ 2994 #md-sticky-atc .product-form .quantity-input-wrapper { 2995 display: flex; 2996 align-items: center; 2997 } 2998 #md-sticky-atc .product-form .quantity { 2999 /* display: none; */ 3000 flex-shrink: 0; 3001 margin-right: .75rem; 3002 } 3003 /* @media (min-width: 990px) { 3004 #md-sticky-atc .product-form .quantity { 3005 display: flex; 3006 } 3007 } */ 3008 #md-sticky-atc .product-form button[name="add"] { 3009 flex-shrink: 0; 3010 flex-grow: 1; 3011 margin: 0; 3012 } 3013 /* @media (min-width: 990px) { 3014 #md-sticky-atc .product-form button[name="add"] { 3015 flex-grow: 0; 3016 } 3017 } */ 3018 @media (max-width: 800px) { 3019 #md-sticky-atc { 3020 display: block; 3021 } 3022 } 3023 3024 #md-sticky-atc .icon.icon-caret { 3025 width: 12px; 3026 display: inline-block; 3027 vertical-align: middle; 3028 margin-right: 15px; 3029} 3030 3031/* .select__select { 3032 padding-right: 0 !important; 3033} */ 3034 3035 @media (max-width: 768px) { 3036 #md-sticky-atc .product-form .quantity-input-wrapper { 3037 display: flex; 3038 align-items: center; 3039 justify-content: center; 3040 } 3041 3042 #md-sticky-atc .product-form .select { 3043 max-width: 40%; /* Increase width for mobile */ 3044 } 3045 3046 #md-sticky-atc .quantity { 3047 width: 32%; 3048 } 3049 3050 #md-sticky-atc .button { 3051 padding: 0px 12px; 3052 font-size: 15px !important; 3053 min-width: unset !important; 3054 } 3055 3056 #md-sticky-atc .select__select { 3057 padding-right: 0 !important; 3058 } 3059 3060} 3061 3062 </style>
3062<script> 3063 window.addEventListener('DOMContentLoaded', () => { 3064 if (window.innerWidth >= 990) return; // Exit early for desktop 3065 3066 3067 const stickyATC = document.querySelector('#md-sticky-atc') 3068 const img = stickyATC.querySelector('.product-content img') 3069 const btn = stickyATC.querySelector('[name="add"]') 3070 const btnSpinner = btn.querySelector('.loading__spinner') 3071 const selectField = stickyATC.querySelector('select[name="id"]') 3072 3073const productAddButton = document.querySelector('button[name="add"]'); 3074if (!productAddButton) return; 3075 3076const threshold = productAddButton.getBoundingClientRect().bottom + Number(stickyATC.dataset.offset); 3077 3078 3079 window.addEventListener('scroll', () => { 3080 if (window.scrollY > threshold) { 3081 stickyATC.classList.add('show') 3082 document.documentElement.style.paddingBottom = `${stickyATC.clientHeight}px` 3083 document.documentElement.style.height = 'auto' 3084 } else { 3085 stickyATC.classList.remove('show') 3086 document.documentElement.style.paddingBottom = '0' 3087 } 3088 }) 3089 3090 if (selectField) { 3091 selectField.addEventListener('change', () => { 3092 img.setAttribute('src', selectField.options[selectField.selectedIndex].dataset.img) 3093 }) 3094 } 3095 3096 document.querySelector('.product-form [name="id"]')?.addEventListener('change', (e) => { 3097 const value = Number(e.target.value) 3098 3099 if (value) { 3100 selectField.value = value 3101 } 3102 }) 3103 3104 }) 3105 </script>
3105 <div id="md-sticky-atc" class="color-scheme-1" aria-hidden="true" data-offset="0"> <div class="page-width"> <div class="page-width-inner"> <div class="product-content"> </div> <product-form class="product-form"> <div class="product-form__error-message-wrapper" role="alert" hidden=""> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13"> <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"></circle> <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"></circle> <path d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z" fill="white"></path> <path d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z" fill="white" stroke="#EB001B" stroke-width="0.7"> </path></svg> <span class="product-form__error-message"></span> </div><form method="post" action="/cart/add" id="product-form-sticky-atc" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="â"><div class="quantity-input-wrapper"> <div class="select" style="display: none;"> <select class="select__select" name="id" aria-label="Select variant"> <option value="47235382149258" data-img="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-1_80x80.jpg?v=1790779428" selected=""> Default Title - $19.99 </option> </select> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> </svg> </div> <button type="submit" name="add" class="product-form__submit button button--primary"> <span>Add to Cart </span> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30" style="stroke: rgb(var(--color-background));"></circle> </svg> </div> </button> </div> <input type="hidden" name="product-id" value="8712112832650"><input type="hidden" name="section-id" value="sticky-atc"></form> </product-form> </div> </div> </div> </div> <div id="shopify-section-sticky-offer" class="shopify-section"> </div> <ul hidden=""> <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> <li id="a11y-new-window-message">Opens in a new window.</li> </ul>
3105<script> 3106 window.shopUrl = 'https://www.tuttletwins.com'; 3107 window.routes = { 3108 cart_add_url: '/cart/add', 3109 cart_change_url: '/cart/change', 3110 cart_update_url: '/cart/update', 3111 cart_url: '/cart', 3112 predictive_search_url: '/search/suggest', 3113 }; 3114 3115 window.cartStrings = { 3116 error: `There was an error while updating your cart. Please try again.`, 3117 quantityError: `You can only add [quantity] of this item to your cart.`, 3118 }; 3119 3120 window.variantStrings = { 3121 addToCart: `Add to Cart`, 3122 soldOut: `Sold out`, 3123 unavailable: `Unavailable`, 3124 unavailable_with_option: `[value] - Unavailable`, 3125 }; 3126 3127 window.quickOrderListStrings = { 3128 itemsAdded: `[quantity] items added`, 3129 itemAdded: `[quantity] item added`, 3130 itemsRemoved: `[quantity] items removed`, 3131 itemRemoved: `[quantity] item removed`, 3132 viewCart: `View cart`, 3133 each: `[money]/ea`, 3134 min_error: `This item has a minimum of [min]`, 3135 max_error: `This item has a maximum of [max]`, 3136 step_error: `You can only add this item in increments of [step]`, 3137 }; 3138 3139 window.accessibilityStrings = { 3140 imageAvailable: `Image [index] is now available in gallery view`, 3141 shareSuccess: `Link copied to clipboard`, 3142 pauseSlideshow: `Pause slideshow`, 3143 playSlideshow: `Play slideshow`, 3144 recipientFormExpanded: `Gift card recipient form expanded`, 3145 recipientFormCollapsed: `Gift card recipient form collapsed`, 3146 countrySelectorSearchCount: `[count] countries/regions found`, 3147 }; 3148 </script>
3148<script src="//www.tuttletwins.com/cdn/shop/t/158/assets/predictive-search.js?v=57209189334897115771787249519" defer="defer"></script>
3148<!-- Rebuy START -->
3148<script src="https://cdn.rebuyengine.com/onsite/js/rebuy.js?shop=034c76-74-2.myshopify.com" async=""></script>
3148 <!-- Manual Widget Installs BELOW --> <!-- Widget : Standard GWP - Card Game --> <div data-rebuy-id="219991"></div> <!-- End Widget : Standard GWP - Card Game --> <!-- Popup Upsell Widget Install --> <div data-rebuy-id="208364" data-rebuy-shopify-product-ids="8712112832650"></div> <!-- Dynamic Bundle Widget Install --> <div data-rebuy-id="208360" data-rebuy-shopify-product-ids="8712112832650"></div> <!-- Insert Contest promo image on America's History template before Dynamic Bundle -->
3148<script id="rebuy-widget-208360" type="text/template"> 3149 <div class="rebuy-widget" 3150 v-cloak 3151 v-on:click="stopPropagation($event)" 3152 v-bind:id="'rebuy-widget-' + id" 3153 v-bind:class="['widget-type-' + config.type.replace('_','-'), products.length > 0 ? 'is-visible' : 'is-hidden']"> 3154 3155 <div 3156 class="rebuy-widget-container" 3157 v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden' ]"> 3158 <div class="rebuy-widget-content"> 3159 <div class="rebuy-timer" v-if="hasTimer()"> 3160 <h5 class="rebuy-timer-title" v-if="config.language.timer_title"> 3161 <span v-html="config.language.timer_title"></span> <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span> 3162 </h5> 3163 </div> 3164 3165 <h4 class="super-title" v-if="config.language.super_title != ''" v-html="config.language.super_title"></h4> 3166 3167 <h3 class="primary-title" v-if="config.language.title != ''" v-html="config.language.title"></h3> 3168 3169 <div class="description" v-if="config.language.description != ''" v-html="config.language.description"></div> 3170 3171 <div class="rebuy-bundle"> 3172 3173 <div class="rebuy-bundle__images"> 3174 3175 <div class="rebuy-bundle__image" v-for="(product, index) in products" v-if="product.selected" v-bind:class="[product.handle, 'product-id-' + product.id, cartHasProduct(product) ? 'cart-has-item' : '', productTagClasses(product)]"> 3176 <a class="rebuy-bundle__image-item" v-bind:href="learnMoreURL(product)" v-bind:style="imageStyles" v-on:click="learnMore(product);" v-bind:class="[hasLearnMore() && !isInputProduct(product) ? 'clickable' : '' ]"> 3177 <img v-bind:src="itemImage(product, product.selected_variant, '400x400')" v-bind:alt="product.title"> 3178 </a> 3179 <div v-if="index < products.length - 1" class="rebuy-bundle__image-divider"> 3180 <i class="far fa-plus"></i> 3181 </div> 3182 </div> 3183 3184 </div> 3185 3186 <div class="rebuy-bundle__actions rebuy-mobile" v-if="subtotal() > 0"> 3187 3188 <div class="rebuy-bundle__actions-price"> 3189 <strong class="rebuy-bundle__actions-price-label" v-html="config.language.total_price_label"></strong> 3190 3191 <div class="rebuy-bundle__actions-price-value" v-if="bundleOnSale()"> 3192 <span class="rebuy-money sale" v-html="formatMoney(subtotal())"></span> 3193 <span class="rebuy-money compare-at" v-html="formatMoney(compareAtSubtotal())"></span> 3194 </div> 3195 <div class="rebuy-bundle__actions-price-value" v-if="!(bundleOnSale())"> 3196 <span class="rebuy-money" v-html="formatMoney(subtotal())"></span> 3197 </div> 3198 </div> 3199 3200 <div class="rebuy-bundle__actions-buttons"> 3201 <button 3202 v-bind:disabled="isBundleIncomplete()" 3203 class="rebuy-button" 3204 v-on:click="addSelectedProductsToCart()" 3205 type="button"> 3206 <span v-html="buttonWidgetLabel()"></span> 3207 </button> 3208 </div> 3209 </div> 3210 3211 <div class="rebuy-bundle__items"> 3212 3213 3214 <div class="rebuy-product-block" v-for="(product, product_index) in products" v-bind:class="[product.handle, 'product-id-' + product.id, cartHasProduct(product) ? 'cart-has-item' : '', productTagClasses(product), isInputProduct(product) ? 'is-input-product' : '' ,product.selected ? 'is-selected': '']"> 3215 3216 <div class="rebuy-product-info"> 3217 <a class="rebuy-bundle__image-item bundle-single-image" v-bind:href="learnMoreURL(product)" v-bind:style="imageStyles" v-on:click="learnMore(product);" v-bind:class="[hasLearnMore() && !isInputProduct(product) ? 'clickable' : '' ]"> 3218 <img v-bind:src="itemImage(product, product.selected_variant)" v-bind:alt="product.title"> 3219 </a> 3220 <div class="rebuy-product-checkbox"> 3221 <label class="rebuy-checkbox-label"> 3222 <input 3223 class="checkbox-input rebuy-checkbox" 3224 v-model="product.selected" 3225 type="checkbox" /> 3226 </label> 3227 </div> 3228 <a class="rebuy-product-title" v-bind:href="learnMoreURL(product)" v-on:click="learnMore(product);" v-html="product.title" v-bind:class="[hasLearnMore() && !isInputProduct(product) ? 'clickable' : '']"></a> 3229 <div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title"></div> 3230 <div class="rebuy-product-review" v-if="hasProductReviews(product)"> 3231 <span class="rebuy-star-rating"> 3232 <span class="rebuy-star-rating-background"></span> 3233 <span class="rebuy-star-rating-foreground" v-bind:style="{ width: productReviewRatingPercentage(product) }"></span> 3234 </span> 3235 <span class="rebuy-review-count" v-html="productReviewCount(product)"></span> 3236 </div> 3237 3238 <div class="rebuy-product-price"> 3239 <div v-if="variantOnSale(product, product.selected_variant)"> 3240 <span class="rebuy-money sale" v-html="formatMoney(variantPrice(product, product.selected_variant))"></span> 3241 <span class="rebuy-money compare-at" v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant))"></span> 3242 </div> 3243 <div v-if="!(variantOnSale(product, product.selected_variant))"> 3244 <span class="rebuy-money" v-html="formatMoney(variantPrice(product, product.selected_variant))"></span> 3245 </div> 3246 </div> 3247 <div class="rebuy-product-description" v-if="showProductDescription(product)" v-html="text(product.body_html)"></div> 3248 </div> 3249 <div class="rebuy-product-options" v-if="showVariantSelect(product)"> 3250 <select 3251 :id="id + '-' + 'select' + '-' + product_index" 3252 :class="{ hide : settings.view_options.variant_selector == 'buttons' }" 3253 class="rebuy-select" 3254 v-model="product.selected_variant_id" 3255 v-on:change="selectVariant(product)"> 3256 <option v-for="variant in product.variants" v-bind:value="variant.id">{{ variant.title }}</option> 3257 </select> 3258 3259 <div v-if="displayColorSwatches(option)" v-for="option in product.options" class="rebuy-color-swatches"> 3260 <div v-for="(value, value_index) in filterOOSOptions(option, product)" class="rebuy-color-swatch"> 3261 <input 3262 :name="id + '-color-' + product_index" 3263 :id="id + '-color-' + product_index + '-' + value + '-' + value_index" 3264 :checked="value_index == 0" 3265 :value="value" 3266 type="radio" 3267 class="rebuy-color-input hide" 3268 v-on:change="selectVariantByColor(product, value, product_index)"> 3269 <label 3270 :for="id + '-color-' + product_index + '-' + value + '-' + value_index" 3271 :style="{ backgroundColor: value }" 3272 :title="value" 3273 class="rebuy-color-label"></label> 3274 </div> 3275 </div> 3276 3277 <div v-if="option.name == 'Size' && settings.view_options.variant_selector == 'buttons'" v-for="(option, option_index) in product.options" class="mt-10 rebuy-size-swatches"> 3278 <div v-for="(value, value_index) in option.values" class="rebuy-size-swatch"> 3279 <input 3280 :name="id + '-size-' + product_index" 3281 :id="id + '-size-' + product_index + '-' + value" 3282 :checked="value_index == 0" 3283 :value="value" 3284 type="radio" 3285 class="rebuy-size-input hide" 3286 v-on:change="selectVariantBySize(product, value, product_index)"> 3287 <label 3288 :for="id + '-size-' + product_index + '-' + value" 3289 class="rebuy-size-label">{{ value }}</label> 3290 </div> 3291 </div> 3292 </div> 3293 </div> 3294 3295 </div>
3296 </div> 3297 3298 </div> 3299 </div> 3300 3301 <div class="rebuy-bundle__actions rebuy-desktop" v-if="subtotal() > 0"> 3302 3303 <div class="rebuy-bundle__actions-price"> 3304 <strong class="rebuy-bundle__actions-price-label" v-html="config.language.total_price_label"></strong> 3305 3306 <div class="rebuy-bundle__actions-price-value" v-if="bundleOnSale()"> 3307 <span class="rebuy-money sale" v-html="formatMoney(subtotal())"></span> 3308 <span class="rebuy-money compare-at" v-html="formatMoney(compareAtSubtotal())"></span> 3309 </div> 3310 <div class="rebuy-bundle__actions-price-value" v-if="!(bundleOnSale())"> 3311 <span class="rebuy-money" v-html="formatMoney(subtotal())"></span> 3312 </div> 3313 </div> 3314 3315 <div class="rebuy-bundle__actions-buttons"> 3316 <button 3317 v-bind:disabled="isBundleIncomplete()" 3318 class="rebuy-button" 3319 v-on:click="addSelectedProductsToCart()" 3320 type="button"> 3321 <span v-html="buttonWidgetLabel()"></span> 3322 </button> 3323 </div> 3324 </div> 3325 3326 </div> 3327 </div> 3328</script>
3328 <!-- Widget : Standard GWP - Card Game --> <div data-rebuy-id="219991"></div> <!-- End Widget : Standard GWP - Card Game -->
3328<script id="rebuy-widget-208357" type="text/template"> 3329 <div class="rebuy-widget" 3330 v-cloak 3331 v-on:click="stopPropagation($event)" 3332 v-bind:id="'rebuy-widget-' + id" 3333 v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]"> 3334 3335 <div 3336 class="rebuy-widget-container" 3337 v-cloak 3338 v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden' ]" 3339 v-on:click.self="hide()"> 3340 3341 <div class="rebuy-widget-content"> 3342 <div class="rebuy-modal-close" v-on:click="hide()"> 3343 <i class="fas fa-times"></i> 3344 </div> 3345 3346 <div class="rebuy-timer" v-if="hasTimer()"> 3347 <h5 class="rebuy-timer-title" v-if="config.language.timer_title"> 3348 <span v-html="config.language.timer_title"></span> <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span> 3349 </h5> 3350 </div> 3351 3352 <h4 class="super-title" v-if="config.language.super_title != ''" v-html="config.language.super_title"></h4> 3353 3354 <h3 class="primary-title" v-if="config.language.title != ''" v-html="config.language.title"></h3> 3355 3356 <div class="description" v-if="config.language.description != ''" v-html="config.language.description"></div> 3357 3358 <div class="rebuy-product-grid" v-bind:class="layoutClasses"> 3359 3360 <div class="rebuy-product-block" v-for="(product, product_index) in products" v-bind:class="[product.handle, 'product-id-' + product.id, cartHasProduct(product) ? 'cart-has-item' : '', productTagClasses(product)]"> 3361 3362 <div class="rebuy-product-media"> 3363 <a class="rebuy-product-image" v-bind:href="learnMoreURL(product)" v-bind:style="imageStyles" v-on:click="learnMore(product);" v-bind:class="[hasLearnMore() ? 'clickable' : '']"> 3364 <img v-bind:src="itemImage(product, product.selected_variant, '400x400')" v-bind:alt="'View ' + product.title"> 3365 </a> 3366 </div> 3367 <div class="rebuy-product-info"> 3368 <a class="rebuy-product-title" v-bind:href="learnMoreURL(product)" v-on:click="learnMore(product);" v-html="product.title" v-bind:class="[hasLearnMore() ? 'clickable' : '']" v-bind:alt="'View ' + product.title"></a> 3369 <div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title"></div> 3370 <div class="rebuy-product-review" v-if="hasProductReviews(product)"> 3371 <span class="rebuy-star-rating"> 3372 <span class="rebuy-star-rating-background"></span> 3373 <span class="rebuy-star-rating-foreground" v-bind:style="{ width: productReviewRatingPercentage(product) }"></span> 3374 </span> 3375 <span class="rebuy-review-count" v-html="productReviewCount(product)"></span> 3376 </div> 3377 3378 <div class="rebuy-product-price"> 3379 <div v-if="variantOnSale(product, product.selected_variant)"> 3380 <span class="rebuy-money sale" v-html="formatMoney(variantPrice(product, product.selected_variant))" :data-variant-id="product.selected_variant.id"></span> 3381 <span class="rebuy-money compare-at" v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant))" :data-variant-id="product.selected_variant.id"></span> 3382 </div> 3383 <div v-if="!(variantOnSale(product, product.selected_variant))">
3384 <span class="rebuy-money" v-html="formatMoney(variantPrice(product, product.selected_variant))" :data-variant-id="product.selected_variant.id"></span> 3385 </div> 3386 </div> 3387 <div class="rebuy-product-description" v-if="showProductDescription(product)" v-html="text(product.body_html)"></div> 3388 </div> 3389 <div class="rebuy-product-options" v-if="showVariantSelect(product)"> 3390 <select 3391 :id="id + '-' + 'select' + '-' + product_index" 3392 :class="{ hide : settings.view_options.variant_selector == 'buttons' }" 3393 class="rebuy-select" 3394 v-model="product.selected_variant_id" 3395 v-on:change="selectVariant(product)"> 3396 <option v-for="variant in product.variants" v-bind:value="variant.id">{{ variant.title }}</option> 3397 </select> 3398 3399 <div v-if="displayColorSwatches(option)" v-for="option in product.options" class="rebuy-color-swatches"> 3400 <div v-for="(value, value_index) in option.values" class="rebuy-color-swatch"> 3401 <input 3402 :name="id + '-color-' + product_index" 3403 :id="id + '-color-' + product_index + '-' + value + '-' + value_index" 3404 :checked="value_index == 0" 3405 :value="value" 3406 type="radio" 3407 class="rebuy-color-input hide" 3408 v-on:change="selectVariantByColor(product, value, product_index)"> 3409 <label 3410 :for="id + '-color-' + product_index + '-' + value + '-' + value_index" 3411 :style="{ backgroundColor: value }" 3412 :title="value" 3413 class="rebuy-color-label"></label> 3414 </div> 3415 </div> 3416 3417 <div v-if="displaySizeSwatches(option)" v-for="option in product.options" class="mt-10 rebuy-size-swatches"> 3418 <div v-for="(value, value_index) in option.values" class="rebuy-size-swatch"> 3419 <input 3420 :name="id + '-size-' + product_index" 3421 :id="id + '-size-' + product_index + '-' + value" 3422 :checked="value_index == 0" 3423 :value="value" 3424 type="radio" 3425 class="rebuy-size-input hide" 3426 v-on:change="selectVariantBySize(product, value, product_index)"> 3427 <label 3428 :for="id + '-size-' + product_index + '-' + value" 3429 class="rebuy-size-label">{{ value }}</label> 3430 </div> 3431 </div> 3432 </div> 3433 <div class="rebuy-product-actions"> 3434 3435 <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)"> 3436 <label class="rebuy-checkbox-label"> 3437 <input 3438 class="checkbox-input rebuy-checkbox" 3439 v-model="product.subscription" 3440 v-on:change="toggleSubscription(product)" 3441 type="checkbox" />
3442 <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span> 3443 </label> 3444 </div> 3445 3446 <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)"> 3447 <select 3448 class="rebuy-select" 3449 v-model="product.subscription_frequency" 3450 v-on:change="updateSubscriptionFrequency(product)"> 3451 <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency">{{ frequencyLabel(frequency, product.subscription_interval) }}</option> 3452 </select> 3453 </div> 3454 3455 <div class="product-quantity" v-if="hasQuantityInputEnabled()"> 3456 <div class="rebuy-select-wrapper"> 3457 <label class="rebuy-label">Quantity</label> 3458 <select 3459 class="rebuy-select" 3460 v-model="product.quantity"> 3461 <option v-for="n in maxQuantityInputValue()" v-bind:value="n">{{ n }}</option> 3462 </select> 3463 </div> 3464 </div> 3465 3466 <button 3467 class="rebuy-button" 3468 v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }" 3469 v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')" 3470 v-bind:alt="'Add ' + product.title + ' to Cart'" 3471 v-on:click="addToCart(product)" 3472 type="button"> 3473 <span v-html="buttonLabel(product)"></span> 3474 </button> 3475 </div> 3476 </div> 3477 3478 </div> 3479 3480 <div class="rebuy-modal-actions" v-if="showContinueButton()"> 3481 <button 3482 class="rebuy-button decline" 3483 v-on:click="hide()" 3484 type="button"> 3485 <span v-html="continueLabel()"></span> 3486 </button> 3487 </div> 3488 3489 <div class="powered-by-rebuy"> 3490 <a v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" target="_blank" rel="noopener"> 3491 Powered by Rebuy 3492 </a> 3493 </div> 3494 3495 </div> 3496 3497 </div> 3498 </div> 3499</script>
3499 <!-- Rebuy END --> <!-- Widget : Pre-Order AmHist3 Free Gift Card --> <div data-rebuy-id="289970"></div> <!-- End Widget : Pre-Order AmHist3 Free Gift Card --> <!-- Confetti START -->
3499<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/confetti.browser.min.js" async=""></script>
3499 <!-- Confetti END --> <!-- Confetti START -->
3499<script> 3500 document.addEventListener('DOMContentLoaded', function () { 3501 // :no_entry_sign: Skip binding everything if confetti already fired 3502 if (sessionStorage.getItem('confettiFired')) return; 3503 function launchFireworkConfetti() { 3504 // :white_check_mark: Double-check inside the function too 3505 if (sessionStorage.getItem('confettiFired')) return; 3506 sessionStorage.setItem('confettiFired', 'true'); 3507 for (let i = 0; i < 5; i++) { 3508 confetti({ 3509 particleCount: 50, 3510 angle: Math.random() * 360, 3511 spread: 100 + Math.random() * 60, 3512 startVelocity: 30 + Math.random() * 30, 3513 gravity: 0.9, 3514 drift: Math.random() * 2 - 1, 3515 scalar: 0.9 + Math.random() * 0.4, 3516 origin: { 3517 y: 0.4 + Math.random() * 0.4, 3518 x: 0.4 + Math.random() * 0.2 3519 }, 3520 colors: [ 3521 '#04AED8', // TT Blue 3522 '#FFD05A', // TT Yellow 3523 '#DA5846', // TT Red 3524 '#F8AD42', // TT Orange 3525 '#264941' // Chalkboard Green 3526 ], 3527 shapes: ['square', 'circle'] 3528 }); 3529 } 3530 } 3531 function bindConfettiToAddButtons(root = document) { 3532 const buttons = root.querySelectorAll( 3533 'button[name="add"]:not(.confetti-bound), .quick-add__submit:not(.confetti-bound), .ProductForm__AddToCart:not(.confetti-bound)' 3534 ); 3535 buttons.forEach(button => { 3536 // :brain: Attach the handler, which now checks sessionStorage before firing 3537 button.addEventListener('click', launchFireworkConfetti); 3538 button.classList.add('confetti-bound'); 3539 }); 3540 } 3541 bindConfettiToAddButtons(); 3542 const observer = new MutationObserver(mutations => { 3543 mutations.forEach(mutation => { 3544 mutation.addedNodes.forEach(node => { 3545 if (node.nodeType === 1) { 3546 bindConfettiToAddButtons(node); 3547 } 3548 }); 3549 }); 3550 }); 3551 observer.observe(document.body, { 3552 childList: true, 3553 subtree: true 3554 }); 3555 }); 3556</script>
3556 <!-- Confetti END --> <!-- Start Nostra EDGE ID Script -->
3556<script async="" src="/_nostra/identity/client"></script>
3556 <!-- End Nostra EDGE ID Script -->
3556<script id="rebuy-quick-view-dropdown-search-template" type="text/template"> 3557<div id="rebuy-quick-view-dropdown-search" class="rebuy-quick-view-dropdown"> 3558 <div class="rebuy-quick-view-dropdown__container" v-bind:class="[isQuickViewOpen ? 'visible' : '']"> 3559 <div class="rebuy-quick-view-dropdown__input-container"> 3560 <div class="rebuy-quick-view__search-input rebuy-quick-view-dropdown__search-input rebuy-input"> 3561 <label v-if="searchByCollectionsEnabled" for="search" class="sr-only">Search by Collections</label> 3562 <select 3563 v-if="searchByCollectionsEnabled" 3564 name="search" 3565 class="rebuy-select" 3566 id="search" 3567 v-model="searchByCollection" 3568 > 3569 <option :value="SEARCH_BY_COLLECTION_DEFAULT">All</option> 3570 <option v-for="{ name, id } in searchByCollectionsCollections" :value="id">{{name}}</option> 3571 </select> 3572 3573 <i class="far fa-search"></i> 3574 <label for="searchInput" class="sr-only">Enter a Search Term</label> 3575 <input 3576 id="searchInput" 3577 :class="(searchByCollectionsEnabled) && 'right-rounded'" 3578 type="text" 3579 :placeholder="placeholderText()" 3580 :value="searchTerm" 3581 @input="($event) => searchTerm = $event.target.value" 3582 ref="searchInput" 3583 @keydown.enter.stop.prevent="goToSearchPage" 3584 @keydown.escape.stop.prevent="closeQuickView" 3585 /> 3586 </div> 3587 3588 <button 3589 class="rebuy-quick-view-dropdown__close" 3590 type="button" 3591 v-on:click="closeQuickView()" 3592 aria-label="Close Dropdown" 3593 > 3594 <i class="fal fa-times" aria-hidden="true"></i> 3595 </button> 3596 </div> 3597 3598 <transition name="rebuy-quick-view-overlay-fade"> 3599 <div 3600 v-if="shouldDropdownShow" 3601 id="rebuy-quick-view-overlay" 3602 class="rebuy-quick-view__overlay rebuy-quick-view__overlay--wide" 3603 role="dialog" 3604 tabindex="1" 3605 aria-labelledby="overlayTitle" 3606 aria-describedby="overlayDescription" 3607 ref="overlay" 3608 > 3609 <section class="rebuy-quick-view__overlay-body" id="overlayDescription"> 3610 <div class="rebuy-quick-view__container"> 3611 <div 3612 v-if="!showResults" 3613 class="rebuy-quick-view__suggestions rebuy-quick-view-dropdown__suggestions" 3614 > 3615 <div 3616 v-if="suggestedSearchTermsEnabled && suggestedTerms.length > 0" 3617 class="rebuy-quick-view-dropdown__body-left" 3618 tabindex="0" 3619 > 3620 <div class="rebuy-quick-view__search-term-section"> 3621 <h3 class="rebuy-quick-view__title">{{suggestedSearchTermsTitle}}</h3> 3622 3623 <ul class="rebuy-quick-view__search-term-section-list-container"> 3624 <li 3625 class="rebuy-quick-view__list-item rebuy-quick-view__search-term-section-list-term" 3626 v-for="term in suggestedTerms" 3627 @click="search(term)" 3628 role="button" 3629 tabindex="0" 3630 v-bind:aria-label="suggestedSearchTermLabel(term)" 3631 > 3632 {{term}} 3633 </li> 3634 </ul> 3635 </div> 3636 </div> 3637 3638 <div class="rebuy-quick-view-dropdown__body-right"> 3639 <div 3640 v-if="suggestedSearchTermsEnabled && suggestedTerms.length > 0" 3641 class="rebuy-quick-view__search-term-section rebuy-quick-view-dropdown__search-term-section--mobile" 3642 > 3643 <h3 class="rebuy-quick-view__title rebuy-quick-view-dropdown__title"> 3644 {{suggestedSearchTermsTitle}} 3645 </h3> 3646 3647 <ul class="rebuy-quick-view__list-items rebuy-quick-view-dropdown__search-term-list"> 3648 <li class="rebuy-quick-view__list-item rebuy-quick-view-dropdown__search-term" v-for="term in suggestedTerms" @click.stop="search(term)">{{term}}</li> 3649 </ul> 3650 </div> 3651 3652 <div 3653 v-if="suggestedCollectionsEnabled && displayedSuggestedCollections.length > 0" 3654 class="rebuy-quick-view__
3654collection-section" 3655 > 3656 <h3 class="rebuy-quick-view__title rebuy-quick-view-dropdown__title"> 3657 {{suggestedCollectionsTitle}} 3658 </h3> 3659 3660 <div class="rebuy-quick-view__list-items rebuy-quick-view__collection-list"> 3661 <a 3662 v-for="collection in displayedSuggestedCollections" 3663 class="rebuy-quick-view__list-item rebuy-quick-view__collection" 3664 :href="collectionHref(collection)" 3665 > 3666 {{collection.name}} 3667 </a> 3668 3669 <button 3670 v-if="limitDisplayedCollections && suggestedCollections.length > AMOUNT_FOR_LIMITED_COLLECTIONS" 3671 class="see-more" 3672 @click.stop.prevent="seeMore" 3673 > 3674 See more … 3675 </button> 3676 </div> 3677 </div> 3678 3679 <div 3680 v-if="suggestedProductsEnabled && suggestedProducts.length > 0" 3681 class="rebuy-quick-view__product-section" 3682 > 3683 <h3 class="rebuy-quick-view__title rebuy-quick-view-dropdown__title"> 3684 {{suggestedProductsTitle}} 3685 </h3> 3686 3687 <div 3688 class="rebuy-quick-view__product-list rebuy-quick-view-dropdown__product-list" 3689 :class="productListColumnClass" 3690 > 3691 <div 3692 v-for="(product, index) in suggestedProducts" 3693 :class="productDisplayType" 3694 > 3695 <a 3696 :href="learnMoreURL(product)" 3697 @click="learnMore(product, index)" 3698 class="rebuy-quick-view__image-link rebuy-smart-search__absolute-image-container" 3699 :class="shouldPositionAbsolute('container')" 3700 :style="productImageRatio()" 3701 rel="nofollow" 3702 > 3703 <img 3704 v-bind:src="productImage(product, product.selected_variant)" 3705 v-bind:srcset="generateImgSrcset(product)" 3706 v-bind:alt="product.name" 3707 class="rebuy-quick-view_image rebuy-smart-search__absolute-image--zoomed rebuy-smart-search__absolute-image" 3708 :class="shouldPositionAbsolute('image')" 3709 /> 3710 </a> 3711 3712 <div class="rebuy-quick-view__product-detail"> 3713 <div class="rebuy-product-info"> 3714 <!-- Product Title --> 3715 <a 3716 class="rebuy-product-title" 3717 :href="learnMoreURL(product)" 3718 @click="learnMore(product, index)" 3719 rel="nofollow" 3720 > 3721 {{product.name}} 3722 </a> 3723 3724 <!-- Product Review --> 3725 <div class="rebuy-product-review" v-if="shouldDisplayQuickViewProductRating(product)" aria-label="product star rating">
3726 <span class="rebuy-star-rating"> 3727 <span 3728 v-if="product.reviews.star_rating" 3729 class="rebuy-star-rating-value sr-only" 3730 v-html="product.ratings.average + ' stars out of 5 stars'" 3731 > 3732 </span> 3733 <span class="rebuy-star-rating-background"></span> 3734 <span class="rebuy-star-rating-foreground" v-bind:style="{ width: getProductReviewRatingPercentage(product) }"></span> 3735 </span> 3736 3737 <span class="rebuy-review-count" v-html="getProductReviewCountHtml(product)"></span> 3738 </div> 3739 3740 <!-- Product Price --> 3741 <div v-if="productOnSale(product)" class="price"> 3742 <span class="rebuy-money sale"> 3743 <span class="sr-only">Sale price</span> 3744 <span 3745 v-html="formatMoney(product.selected_variant.price)" 3746 ></span> 3747 </span> 3748 3749 <span class="rebuy-money compare-at"> 3750 <span class="sr-only">Original price</span> 3751 <span 3752 v-html="formatMoney(product.selected_variant.compareAtPrice)" 3753 ></span> 3754 </span> 3755 </div> 3756 3757 <div v-else class="price"> 3758 <span class="rebuy-money"> 3759 <span class="sr-only">Price</span> 3760 <span 3761 v-html="formatMoney(product.selected_variant.price)" 3762 ></span> 3763 </span> 3764 </div> 3765 </div> 3766 <div 3767 class="rebuy-product-options" 3768 v-if="shouldShowVariantSelector(product)" 3769 > 3770 <select 3771 title="Select product variant" 3772 id="rebuy-smart-search-results-variant-select" 3773 class="rebuy-select" 3774 v-bind:aria-label="'variant of ' + product.name" 3775 v-model="product.selected_variant_id" 3776 v-on:change="selectVariant(product)" 3777 > 3778 <option 3779 v-for="variant in product.variants" 3780 v-bind:value="variant.id" 3781 v-html="variant.name" 3782 ></option> 3783 </select> 3784 </div> 3785 3786 <div 3787 class="rebuy-product-actions" 3788 v-if="shouldShowAddToCart(product)" 3789 > 3790 <button 3791 class="rebuy-button rebuy-quick-view__product-cta" 3792 v-bind:class="{ working: (product.
3792status != 'ready' && product.status != 'selecting') }" 3793 v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')" 3794 v-bind:aria-label="buttonAriaLabel(product)" 3795 v-on:click="addToCart(product)" 3796 type="button" 3797 > 3798 <span v-html="buttonLabel(product)"></span> 3799 </button> 3800 </div> 3801 </div> 3802 </div> 3803 </div> 3804 3805 <div class="rebuy-quick-view__see-all-results"> 3806 <a :href="'/search?q=' + encodeURIComponent(searchTerm)">See all results</a> 3807 </div> 3808 </div> 3809 </div> 3810 </div> 3811 3812 <div v-else class="rebuy-quick-view-dropdown__results"> 3813 <div 3814 class="rebuy-quick-view__keywords-section" 3815 v-if="keywordSuggestionsWithSearchTerm.length > 0" 3816 > 3817 <p class="rebuy-quick-view__keyword-title">Suggested Searches</p> 3818 3819 <div class="rebuy-quick-view__keyword-list"> 3820 <p 3821 v-for="keyword in keywordSuggestionsWithSearchTerm" 3822 class="rebuy-quick-view__keyword" 3823 @click.stop="search(keyword)" 3824 > 3825 {{keyword}} 3826 </p> 3827 </div> 3828 </div> 3829 3830 <div 3831 class="rebuy-quick-view__collection-section" 3832 v-if="this.matchingCollectionsEnabled && collections.length > 0" 3833 > 3834 <p class="rebuy-quick-view__title">{{this.matchingCollectionsTitle}}</p> 3835 3836 <div v-if="quickViewSearchLoading" class="rebuy-quick-view__collection-list"> 3837 <div 3838 v-for="loadingCollection in new Array(breakpointColumns)" 3839 class="rebuy-quick-view-skeleton rebuy-quick-view-skeleton__collection" 3840 /> 3841 </div> 3842 3843 <div v-else class="rebuy-quick-view__collection-list"> 3844 <a 3845 v-for="collection in displayedMatchingCollections" 3846 class="rebuy-quick-view__collection" 3847 :href="collectionHref(collection)" 3848 > 3849 {{collection.name}} 3850 </a> 3851 3852 <button 3853 v-if="limitDisplayedCollections && collections.length > AMOUNT_FOR_LIMITED_COLLECTIONS" 3854 class="see-more" 3855 @click.stop.prevent="seeMore" 3856 > 3857 See more … 3858 </button> 3859 </div> 3860 </div> 3861 3862 <div 3863 class="rebuy-quick-view__product-section" 3864 v-if="this.matchingProductsEnabled && products.length > 0" 3865 > 3866 <p class="rebuy-quick-view__title">{{this.matchingProductsTitle}}</p> 3867 3868 <div 3869 v-if="quickViewSearchLoading" 3870 class="rebuy-quick-view__product-list" 3871 :class="productListColumnClass" 3872 > 3873 <div 3874 v-for="product in Array(breakpointColumns)" 3875 class="rebuy-quick-view__product" 3876 :class="skeletonLayout()" 3877 > 3878 <div 3879 class="rebuy-quick-view-skeleton rebuy-quick-view-skeleton__product-image" 3880 /> 3881 3882 <div class="rebuy-quick-view-skeleton__product-details"> 3883 <div 3884 class="rebuy-quick-view-skeleton rebuy-quick-view-skeleton__product-name" 3885 /> 3886 <div 3887 class="rebuy-quick-view-skeleton rebuy-quick-view-skeleton__product-price" 3888 /> 3889 </div> 3890 3891 </div> 3892 </div> 3893 3894 <div 3895 v-else-if="!quickViewSearchLoading" 3896 class="rebuy-quick-view__product-list" 3897 :class="productListColumnClass" 3898 > 3899 <div v-for="(product, index) in products" :class="productDisplayType"> 3900 <a 3901 :href="learnMoreURL(product)" 3902 @click="learnMore(product, index)" 3903 class="rebuy-quick-view__image-link rebuy-smart-search__absolute-image-container" 3904 :class="shouldPositionAbsolute('container')" 3905 :style="productImageRatio()" 3906 rel="nofollow" 3907 > 3908 <img 3909 v-bind:src="productImage(product, product.selected_variant)" 3910 v-bind:srcset="generateImgSrcset(product)" 3911 v-bind:alt="'Image of ' + product.name" 3912 class="rebuy-quick-view_image rebuy-smart-search__absolute-image--zoomed rebuy-smart-search__absolute-image" 3913 :class="shouldPositionAbsolute('image')" 3914 /> 3915 </a> 3916 3917 <div class="rebuy-quick-view__product-detail"> 3918 <div class="rebuy-product-info"> 3919 <!-- Product Title --> 3920 <a 3921 class="rebuy-product-title" 3922 :href="learnMoreURL(product)" 3923 @click="learnMore(product, index)" 3924 rel="nofollow" 3925 > 3926 {{product.name}} 3927 </a> 3928 3929 <!-- Product Review --> 3930 <div class="rebuy-product-review" v-if="shouldDisplayQuickViewProductRating(product)" aria-label="product star rating">
3931 <span class="rebuy-star-rating"> 3932 <span 3933 v-if="product.reviews.star_rating" 3934 class="rebuy-star-rating-value sr-only" 3935 v-html="product.ratings.average + ' stars out of 5 stars'" 3936 > 3937 </span> 3938 <span class="rebuy-star-rating-background"></span> 3939 <span class="rebuy-star-rating-foreground" v-bind:style="{ width: getProductReviewRatingPercentage(product) }"></span> 3940 </span> 3941 3942 <span class="rebuy-review-count" v-html="getProductReviewCountHtml(product)"></span> 3943 </div> 3944 3945 <div v-if="productOnSale(product)" class="price"> 3946 <span class="rebuy-money sale"> 3947 <span class="sr-only">Sale price</span> 3948 <span 3949 v-html="formatMoney(product.selected_variant.price)" 3950 ></span> 3951 </span> 3952 3953 <span class="rebuy-money compare-at"> 3954 <span class="sr-only">Original price</span> 3955 <span 3956 v-html="formatMoney(product.selected_variant.compareAtPrice)" 3957 ></span> 3958 </span> 3959 </div> 3960 3961 <div v-else class="price"> 3962 <span class="rebuy-money"> 3963 <span class="sr-only">Price</span> 3964 <span 3965 v-html="formatMoney(product.selected_variant.price)" 3966 ></span> 3967 </span> 3968 </div> 3969 </div> 3970 3971 <!-- Product Options --> 3972 <div 3973 class="rebuy-product-options" 3974 v-if="shouldShowVariantSelector(product)" 3975 > 3976 <select 3977 title="Select product variant" 3978 id="rebuy-smart-search-results-variant-select" 3979 class="rebuy-select" 3980 v-bind:aria-label="'variant of ' + product.name" 3981 v-model="product.selected_variant_id" 3982 v-on:change="selectVariant(product)" 3983 > 3984 <option 3985 v-for="variant in product.variants" 3986 v-bind:value="variant.id" 3987 v-html="variant.name" 3988 ></option> 3989 </select> 3990 </div> 3991 3992 <!-- Add-to-cart --> 3993 <div class="rebuy-product-actions" v-if="shouldShowAddToCart(product)"> 3994 <button 3995 class="rebuy-button rebuy-quick-view__product-cta" 3996 v-bind:class="{ working: (product.
3996status != 'ready' && product.status != 'selecting') }" 3997 v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')" 3998 v-bind:aria-label="buttonAriaLabel(product)" 3999 v-on:click="addToCart(product)" 4000 type="button" 4001 > 4002 <span v-html="buttonLabel(product)"></span> 4003 </button> 4004 </div> 4005 </div> 4006 </div> 4007 </div> 4008 4009 <div class="rebuy-quick-view__see-all-results"> 4010 <a :href="'/search?q=' + encodeURIComponent(searchTerm)">See all results</a> 4011 </div> 4012 </div> 4013 4014 <div 4015 v-if="!quickViewSearchLoading && products.length === 0 && collections.length === 0" 4016 class="rebuy-quick-view__no-results" 4017 > 4018 <p>No Results For [<span>{{searchTerm}}</span>]</p> 4019 </div> 4020 </div> 4021 </div> 4022 4023 <div v-if="shouldShowPoweredByRebuy()" class="powered-by-rebuy"> 4024 <a v-bind:href="'https://rebuyengine.com/?shop=' + shop()" target="_blank" rel="noopener"> 4025 Powered by Rebuy 4026 </a> 4027 </div> 4028 </section> 4029 </div> 4030 </transition> 4031 </div> 4032 </div> 4033</script>
4033 <!-- Rebuy SmartCart Express Checkout --> <style>.additional-checkout-buttons {display: none; width: 100%;}</style> <div class="additional-checkout-buttons additional-checkout-buttons--vertical"> <div class="dynamic-checkout__content" id="dynamic-checkout-cart" data-shopify="dynamic-checkout-cart"></div> </div> <div id="shopify-block-AMXlNNXM5SWtGZ0cxR__17151115064775110295" class="shopify-block shopify-app-block"><style data-recharge-theme='{"has_theme_customization": true, "design_mode": false }'> 4034 .recharge-theme { 4035 /* App */ 4036 --recharge-app-background: #F9F8F4; 4037 --recharge-app-container: 1200px; 4038 --recharge-app-vertical-padding: 32px; 4039 4040 /* Brand colors */ 4041 4042--recharge-color-brand: #DA5846; 4043 4044 /* Tints */ 4045 --recharge-color-brand-120: #ca3c28; 4046 --recharge-color-brand-20: #e1796b; 4047 --recharge-color-brand-40: #e99b90; 4048 --recharge-color-brand-60: #f0bcb5; 4049 --recharge-color-brand-75: #f6d5d1; 4050 --recharge-color-brand-85: #f9e6e3; 4051 4052 /* Neutral */ 4053 --recharge-color-neutral: hsl(7, 35%, 7%); 4054 --recharge-color-neutral-80: hsl(7, 7%, 25%); 4055 --recharge-color-neutral-70: hsl(7, 5%, 35%); 4056 --recharge-color-neutral-40: hsl(7, 3%, 63%); 4057 --recharge-color-neutral-10: hsl(7, 2%, 91%); 4058 4059 4060 /* Links */ 4061 --recharge-button-secondary: #DA5846; 4062 --recharge-button-secondary-120: #ca3c28; 4063 --recharge-button-secondary-60: #e99b90; 4064 4065 /* Images */ 4066 --recharge-images-ratio: 1; 4067 4068 /* Cards */ 4069 4070 --recharge-cards-background: #FFFFFF; 4071 4072 4073 4074 --recharge-cards-border-color: RGBA(0,0,0,0); 4075 4076 4077 /* Fonts */ 4078 --recharge-typography-scale: 16px; 4079 --recharge-typography-size-1: calc(3 * var(--recharge-typography-scale)); 4080 --recharge-typography-size-2: calc(2.25 * var(--recharge-typography-scale)); 4081 --recharge-typography-size-3: calc(1.625 * var(--recharge-typography-scale)); 4082 --recharge-typography-size-4: calc(1.25 * var(--recharge-typography-scale)); 4083 --recharge-typography-size-5: calc(1 * var(--recharge-typography-scale)); 4084 --recharge-typography-size-6: calc(.875 * var(--recharge-typography-scale)); 4085 4086 /** Text **/ 4087 --recharge-typography-light: #FFFFFF; 4088 --recharge-typography-primary: var(--recharge-color-neutral); 4089 --recharge-typography-secondary: var(--recharge-color-neutral-70); 4090 4091 /* Corners */ 4092 --recharge-corners-radius: 16px; 4093 4094 4095 /* Button corners */ 4096 --recharge-button-border-radius: calc(var(--recharge-corners-radius) * 1.5); 4097 4098 /* Views */ 4099 4100 --recharge-views-background: #F9F8F4; 4101 4102 4103 /* Buttons */ 4104 --recharge-button-font-family: inherit; 4105 --recharge-button-brand: var(--recharge-color-brand); 4106 --recharge-button-color: #FFFFFF; 4107 } 4108</style> </div><div id="shopify-block-AbmR4ZVhWZXJvS2NJQ__2786716548061469553" class="shopify-block shopify-app-block">
4108<script> 4109</script>
4109 </div><div id="shopify-block-AK2cvU1YxM2RudVVoa__17368511000352060744" class="shopify-block shopify-app-block">
4109<script type="text/javascript"> 4110 window.gfp_customer = { 4111 id: "", 4112 email: "", 4113 first_name: "", 4114 last_name: "" 4115 } 4116 function gfpLoadWidgets() { 4117 if (!document.querySelector('script[src="https://widgets.goaffpro.app/main.js"]')) { 4118 var s = document.createElement('script'); 4119 s.type = 'module'; 4120 s.src = 'https://widgets.goaffpro.app/main.js'; 4121 document.head.appendChild(s); 4122 } 4123 } 4124</script>
4124
4124<script type="text/javascript" async="true" src="/a/goaffpro/loader.js"></script>
4124 </div>
4124<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
4124
4124<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a440d3e2bb42dadb',t:'MTc5MDkxMzkxNQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
4124</body>
4124<script id="session-content"> 4125 // Ensure the global namespace exists 4126 window.Nostra = window.Nostra || {}; 4127 window.Nostra.Transform = window.Nostra.Transform || {}; 4128 4129 window.Nostra.Transform.originDocumentPromise.then((result) => { 4130 window.Nostra.Transform.originDocument = result; 4131 var elementContainer; 4132 var elementOriginContainer; 4133 4134 window.Nostra.Transform.originDocument.querySelectorAll("script").forEach((el, index) => { 4135 if (el.innerHTML.includes(`var wpmLoader`)) { 4136 let newElement = document.createElement("script"); 4137 Array.from(el.attributes).forEach(attr => { 4138 newElement.setAttribute(attr.name, attr.value); 4139 }); 4140 newElement.innerHTML = el.innerHTML; 4141 document.getElementsByTagName('head')[0].append(newElement); 4142 } 4143 }); 4144 4145 window.setTimeout(function () { 4146 if ( 4147 window.Shopify && 4148 window.Shopify.analytics && 4149 window.Shopify.analytics.replayQueue && 4150 window.Nostra && 4151 window.Nostra.Transform && 4152 window.Nostra.Transform.replayQueue && 4153 window.Nostra.Transform.replayQueue.length 4154 ) { 4155 for (var i = 0; i < window.Nostra.Transform.replayQueue.length; i++) { 4156 var e = window.Nostra.Transform.replayQueue[i]; 4157 var d = e[0], n = e[1], o = e[2]; 4158 Shopify.analytics.publish(d, n, o); 4159 } 4160 } 4161 }, 0); 4162 4163 (function () { 4164 var cachedAnalytics = document.querySelectorAll('script.analytics'); 4165 var originAnalytics = window.Nostra.Transform.originDocument.querySelectorAll('script.analytics'); 4166 cachedAnalytics.forEach(function (element, index) { 4167 if (originAnalytics[index]) { 4168 element.innerHTML = originAnalytics[index].innerHTML; 4169 } 4170 }); 4171 })(); 4172 window.Nostra.Transform.originDocument.querySelectorAll("script").forEach((el, index) => { 4173 if (el.innerHTML.includes(`elevar/static/configs`)) { 4174 let newElement = document.createElement("script"); 4175 Array.from(el.attributes).forEach(attr => { 4176 newElement.setAttribute(attr.name, attr.value); 4177 }); 4178 newElement.innerHTML = el.innerHTML; 4179 document.getElementsByTagName('head')[0].append(newElement); 4180 } 4181 }); 4182 4183 window.Nostra.Transform.originDocument.querySelectorAll("script").forEach((el, index) => { 4184 if (el.innerHTML.includes(`window.ShopifyPay =`)) { 4185 let newElement = document.createElement("script"); 4186 Array.from(el.attributes).forEach(attr => { 4187 newElement.setAttribute(attr.name, attr.value); 4188 }); 4189 newElement.innerHTML = el.innerHTML; 4190 document.getElementsByTagName('head')[0].append(newElement); 4191 } 4192 }); 4193 4194 elementOriginContainer = window.Nostra.Transform.originDocument.querySelector(`script[src*="shopify_pay"]`); 4195 if (elementOriginContainer) { 4196 let newElement = document.createElement(elementOriginContainer.tagName); 4197 Array.from(elementOriginContainer.attributes).forEach(attr => { 4198 newElement.setAttribute(attr.name, attr.value); 4199 }); 4200 newElement.innerHTML = elementOriginContainer.innerHTML; 4201 document.getElementsByTagName('head')[0].append(newElement); 4202 } 4203 elementOriginContainer = undefined; 4204 window.Nostra.Transform.originDocument.querySelectorAll(`script`).forEach((el, index) => { 4205 if (el.innerHTML.includes(`let mntn_cart_quantity`)) { 4206 const newScript = document.createElement('script'); 4207 Array.from(el.attributes).forEac
4207h(attr => { 4208 newScript.setAttribute(attr.name, attr.value); 4209 }); 4210 newScript.innerHTML = el.innerHTML; 4211 document.body.append(newScript); 4212 } 4213 }); 4214 4215 elementContainer = document.querySelectorAll(`a#cart-icon-bubble`); 4216 if (elementContainer) { 4217 const elementOriginContainer = window.Nostra.Transform.originDocument.querySelectorAll(`a#cart-icon-bubble`); 4218 elementContainer.forEach((element, index) => { 4219 element.innerHTML = elementOriginContainer[index].innerHTML; 4220 }); 4221 } 4222 elementContainer = undefined; 4223 elementContainer = document.querySelectorAll('div#dynamic-checkout-cart'); 4224 if (elementContainer) { 4225 const elementOriginContainer = window.Nostra.Transform.originDocument.querySelectorAll('div#dynamic-checkout-cart'); 4226 elementContainer.forEach((element, index) => { 4227 element.innerHTML = elementOriginContainer[index].innerHTML; 4228 }); 4229 } 4230 elementContainer = undefined; 4231 }); 4232 </script>
4232</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.