PageSourceSearch

https://www.tuttletwins.com/products/bookclub

html tuttletwins.com collected 2026-10-02 04:05:16 UTC 388,232 bytes, 4,232 lines download raw bytes

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&amp;height=32&amp;v=1747862969&amp;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&amp;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&amp;default_configuration_id=2563965066&amp;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&amp;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&amp;width=168" srcset="//www.tuttletwins.com/cdn/shop/files/Frame_48102582_1_8d78b839-3eca-43fb-b441-948b83b87371.png?v=1777394656&amp;width=56 1x, //www.tuttletwins.com/cdn/shop/files/Frame_48102582_1_8d78b839-3eca-43fb-b441-948b83b87371.png?v=1777394656&amp;width=112 2x, //www.tuttletwins.com/cdn/shop/files/Frame_48102582_1_8d78b839-3eca-43fb-b441-948b83b87371.png?v=1777394656&amp;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&amp;width=90" srcset="//www.tuttletwins.com/cdn/shop/files/Frame_48102561_f0d3acad-852a-42af-8760-16fe083d1f06.png?v=1777397370&amp;width=30 1x, //www.tuttletwins.com/cdn/shop/files/Frame_48102561_f0d3acad-852a-42af-8760-16fe083d1f06.png?v=1777397370&amp;width=60 2x, //www.tuttletwins.com/cdn/shop/files/Frame_48102561_f0d3acad-852a-42af-8760-16fe083d1f06.png?v=1777397370&amp;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&amp;width=90" srcset="//www.tuttletwins.com/cdn/shop/files/Frame_48102562_2a6b50c6-c94a-48ce-8a5e-8fcdddf36556.png?v=1777397746&amp;width=30 1x, //www.tuttletwins.com/cdn/shop/files/Frame_48102562_2a6b50c6-c94a-48ce-8a5e-8fcdddf36556.png?v=1777397746&amp;width=60 2x, //www.tuttletwins.com/cdn/shop/files/Frame_48102562_2a6b50c6-c94a-48ce-8a5e-8fcdddf36556.png?v=1777397746&amp;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&amp;width=90" srcset="//www.tuttletwins.com/cdn/shop/files/Frame_48102583.png?v=1777397766&amp;width=30 1x, //www.tuttletwins.com/cdn/shop/files/Frame_48102583.png?v=1777397766&amp;width=60 2x, //www.tuttletwins.com/cdn/shop/files/Frame_48102583.png?v=1777397766&amp;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&amp;width=168" srcset="//www.tuttletwins.com/cdn/shop/files/Nav_menu_testing_1.png?v=1789507638&amp;width=56 1x, //www.tuttletwins.com/cdn/shop/files/Nav_menu_testing_1.png?v=1789507638&amp;width=112 2x, //www.tuttletwins.com/cdn/shop/files/Nav_menu_testing_1.png?v=1789507638&amp;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&amp;width=168" srcset="//www.tuttletwins.com/cdn/shop/files/Frame_48101707_1.png?v=1776451809&amp;width=56 1x, //www.tuttletwins.com/cdn/shop/files/Frame_48101707_1.png?v=1776451809&amp;width=112 2x, //www.tuttletwins.com/cdn/shop/files/Frame_48101707_1.png?v=1776451809&amp;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&amp;width=168" srcset="//www.tuttletwins.com/cdn/shop/files/Frame_48101707_2.png?v=1776451808&amp;width=56 1x, //www.tuttletwins.com/cdn/shop/files/Frame_48101707_2.png?v=1776451808&amp;width=112 2x, //www.tuttletwins.com/cdn/shop/files/Frame_48101707_2.png?v=1776451808&amp;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&amp;width=168" srcset="//www.tuttletwins.com/cdn/shop/files/Frame_48101707_3.png?v=1776451808&amp;width=56 1x, //www.tuttletwins.com/cdn/shop/files/Frame_48101707_3.png?v=1776451808&amp;width=112 2x, //www.tuttletwins.com/cdn/shop/files/Frame_48101707_3.png?v=1776451808&amp;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&amp;width=168" srcset="//www.tuttletwins.com/cdn/shop/files/Frame_48101707_4.png?v=1776451808&amp;width=56 1x, //www.tuttletwins.com/cdn/shop/files/Frame_48101707_4.png?v=1776451808&amp;width=112 2x, //www.tuttletwins.com/cdn/shop/files/Frame_48101707_4.png?v=1776451808&amp;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&amp;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&amp;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&amp;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&amp;region_country=US&amp;buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiIwMzRjNzYtNzQtMi5teXNob3BpZnkuY29tIiwiZmxhZ3MiOltdLCJleHAiOjE3OTE0OTk3NzUsIm5iZiI6MTc5MDg5NDk3NX0.GuZfeaGjsXQyPDVSu7-8ICqoktYNSqy_I5JqgW8ifno&amp;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&amp;width=800" alt="The Tuttle Twins" srcset="//www.tuttletwins.com/cdn/shop/files/TT_LOGO_Yellow.webp?v=1729345122&amp;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&amp;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&amp;width=1946" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&amp;width=246 246w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&amp;width=493 493w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&amp;width=600 600w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&amp;width=713 713w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&amp;width=823 823w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&amp;width=990 990w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&amp;width=1100 1100w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&amp;width=1206 1206w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&amp;width=1346 1346w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&amp;width=1426 1426w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&amp;width=1646 1646w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&amp;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&amp;width=1946" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&amp;width=246 246w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&amp;width=493 493w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&amp;width=600 600w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&amp;width=713 713w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&amp;width=823 823w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&amp;width=990 990w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&amp;width=1100 1100w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&amp;width=1206 1206w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&amp;width=1346 1346w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&amp;width=1426 1426w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&amp;width=1646 1646w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&amp;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&amp;width=1946" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&amp;width=246 246w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&amp;width=493 493w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&amp;width=600 600w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&amp;width=713 713w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&amp;width=823 823w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&amp;width=990 990w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&amp;width=1100 1100w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&amp;width=1206 1206w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&amp;width=1346 1346w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&amp;width=1426 1426w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&amp;width=1646 1646w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&amp;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&amp;width=1946" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&amp;width=246 246w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&amp;width=493 493w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&amp;width=600 600w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&amp;width=713 713w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&amp;width=823 823w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&amp;width=990 990w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&amp;width=1100 1100w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&amp;width=1206 1206w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&amp;width=1346 1346w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&amp;width=1426 1426w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&amp;width=1646 1646w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&amp;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&amp;width=1946" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&amp;width=246 246w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&amp;width=493 493w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&amp;width=600 600w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&amp;width=713 713w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&amp;width=823 823w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&amp;width=990 990w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&amp;width=1100 1100w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&amp;width=1206 1206w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&amp;width=1346 1346w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&amp;width=1426 1426w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&amp;width=1646 1646w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&amp;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&amp;width=1946" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&amp;width=246 246w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&amp;width=493 493w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&amp;width=600 600w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&amp;width=713 713w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&amp;width=823 823w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&amp;width=990 990w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&amp;width=1100 1100w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&amp;width=1206 1206w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&amp;width=1346 1346w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&amp;width=1426 1426w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&amp;width=1646 1646w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&amp;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&amp;width=1946" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&amp;width=246 246w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&amp;width=493 493w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&amp;width=600 600w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&amp;width=713 713w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&amp;width=823 823w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&amp;width=990 990w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&amp;width=1100 1100w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&amp;width=1206 1206w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&amp;width=1346 1346w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&amp;width=1426 1426w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&amp;width=1646 1646w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&amp;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&amp;width=1946" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&amp;width=246 246w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&amp;width=493 493w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&amp;width=600 600w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&amp;width=713 713w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&amp;width=823 823w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&amp;width=990 990w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&amp;width=1100 1100w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&amp;width=1206 1206w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&amp;width=1346 1346w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&amp;width=1426 1426w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&amp;width=1646 1646w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&amp;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&amp;width=416" alt="Tuttle Twins Book Club" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&amp;width=54 54w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&amp;width=74 74w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&amp;width=104 104w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&amp;width=162 162w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&amp;width=208 208w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&amp;width=324 324w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&amp;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&amp;width=416" alt="Tuttle Twins Book Club" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&amp;width=54 54w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&amp;width=74 74w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&amp;width=104 104w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&amp;width=162 162w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&amp;width=208 208w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&amp;width=324 324w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&amp;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&amp;width=416" alt="Tuttle Twins Book Club" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&amp;width=54 54w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&amp;width=74 74w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&amp;width=104 104w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&amp;width=162 162w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&amp;width=208 208w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&amp;width=324 324w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&amp;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&amp;width=416" alt="Tuttle Twins Book Club" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&amp;width=54 54w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&amp;width=74 74w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&amp;width=104 104w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&amp;width=162 162w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&amp;width=208 208w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&amp;width=324 324w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&amp;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&amp;width=416" alt="Tuttle Twins Book Club" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&amp;width=54 54w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&amp;width=74 74w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&amp;width=104 104w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&amp;width=162 162w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&amp;width=208 208w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&amp;width=324 324w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&amp;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&amp;width=416" alt="Tuttle Twins Book Club" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&amp;width=54 54w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&amp;width=74 74w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&amp;width=104 104w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&amp;width=162 162w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&amp;width=208 208w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&amp;width=324 324w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&amp;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&amp;width=416" alt="Tuttle Twins Book Club" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&amp;width=54 54w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&amp;width=74 74w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&amp;width=104 104w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&amp;width=162 162w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&amp;width=208 208w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&amp;width=324 324w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&amp;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&amp;width=416" alt="Tuttle Twins Book Club" srcset="//www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&amp;width=54 54w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&amp;width=74 74w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&amp;width=104 104w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&amp;width=162 162w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&amp;width=208 208w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&amp;width=324 324w, //www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&amp;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"> &nbsp;per&nbsp; </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 &amp; Free Markets</strong>&nbsp;– How money, trade, and cooperation work</li><li><strong>Government &amp; Civics</strong>&nbsp;– The basics of laws, leadership, and civic life</li><li><strong>Moral &amp; Social Principles</strong>&nbsp;– Honesty, fairness, and good decision-making</li><li><strong>Personal Liberty &amp; Individual Rights</strong>&nbsp;– Freedom, responsibility, and respect for others</li><li><strong>Critical Thinking &amp; Personal Responsibility</strong>&nbsp;– Asking questions and thinking independently</li><li><strong>Entrepreneurship &amp; Business</strong>&nbsp;– 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&amp;width=550 550w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&amp;width=1100 1100w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&amp;width=1445 1445w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&amp;width=1680 1680w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-1.jpg?v=1790779428&amp;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&amp;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&amp;width=550 550w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&amp;width=1100 1100w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&amp;width=1445 1445w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&amp;width=1680 1680w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-2.jpg?v=1790779428&amp;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&amp;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&amp;width=550 550w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&amp;width=1100 1100w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&amp;width=1445 1445w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&amp;width=1680 1680w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-3.jpg?v=1790779427&amp;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&amp;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&amp;width=550 550w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&amp;width=1100 1100w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&amp;width=1445 1445w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&amp;width=1680 1680w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-4.jpg?v=1790779427&amp;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&amp;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&amp;width=550 550w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&amp;width=1100 1100w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&amp;width=1445 1445w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&amp;width=1680 1680w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-5.jpg?v=1790779428&amp;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&amp;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&amp;width=550 550w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&amp;width=1100 1100w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&amp;width=1445 1445w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&amp;width=1680 1680w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-6.jpg?v=1790779428&amp;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&amp;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&amp;width=550 550w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&amp;width=1100 1100w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&amp;width=1445 1445w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&amp;width=1680 1680w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-7.jpg?v=1790779427&amp;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&amp;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&amp;width=550 550w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&amp;width=1100 1100w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&amp;width=1445 1445w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&amp;width=1680 1680w,//www.tuttletwins.com/cdn/shop/files/tt-bookclub-8.jpg?v=1790779428&amp;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&amp;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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&nbsp;<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&amp;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&amp;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&nbsp;<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&amp;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&amp;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&amp;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&amp;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&nbsp;<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&amp;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&amp;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&nbsp;<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&amp;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&amp;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&nbsp;<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&amp;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 &amp; 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&amp;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&amp;width=200" alt="Enjoy Time with Family &amp; Learn New Concepts" loading="lazy"> </div> <div class="step-content"> <h3 class="step-title">3. Enjoy Time with Family &amp; 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&amp;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&amp;width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img.webp?v=1771223343&amp;width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img.webp?v=1771223343&amp;width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img.webp?v=1771223343&amp;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&amp;width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img2.png?v=1771226184&amp;width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img2.png?v=1771226184&amp;width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img2.png?v=1771226184&amp;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&amp;width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img3.png?v=1771226227&amp;width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img3.png?v=1771226227&amp;width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img3.png?v=1771226227&amp;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&amp;width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img4.png?v=1771226244&amp;width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img4.png?v=1771226244&amp;width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img4.png?v=1771226244&amp;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&amp;width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img5.png?v=1771226258&amp;width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img5.png?v=1771226258&amp;width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img5.png?v=1771226258&amp;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&amp;width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img.webp?v=1771223343&amp;width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img.webp?v=1771223343&amp;width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img.webp?v=1771223343&amp;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&amp;width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img2.png?v=1771226184&amp;width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img2.png?v=1771226184&amp;width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img2.png?v=1771226184&amp;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&amp;width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img3.png?v=1771226227&amp;width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img3.png?v=1771226227&amp;width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img3.png?v=1771226227&amp;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&amp;width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img4.png?v=1771226244&amp;width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img4.png?v=1771226244&amp;width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img4.png?v=1771226244&amp;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&amp;width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img5.png?v=1771226258&amp;width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img5.png?v=1771226258&amp;width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img5.png?v=1771226258&amp;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&amp;width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img.webp?v=1771223343&amp;width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img.webp?v=1771223343&amp;width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img.webp?v=1771223343&amp;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&amp;width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img2.png?v=1771226184&amp;width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img2.png?v=1771226184&amp;width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img2.png?v=1771226184&amp;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&amp;width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img3.png?v=1771226227&amp;width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img3.png?v=1771226227&amp;width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img3.png?v=1771226227&amp;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&amp;width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img4.png?v=1771226244&amp;width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img4.png?v=1771226244&amp;width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img4.png?v=1771226244&amp;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&amp;width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img5.png?v=1771226258&amp;width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img5.png?v=1771226258&amp;width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img5.png?v=1771226258&amp;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&amp;width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img.webp?v=1771223343&amp;width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img.webp?v=1771223343&amp;width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img.webp?v=1771223343&amp;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&amp;width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img2.png?v=1771226184&amp;width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img2.png?v=1771226184&amp;width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img2.png?v=1771226184&amp;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&amp;width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img3.png?v=1771226227&amp;width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img3.png?v=1771226227&amp;width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img3.png?v=1771226227&amp;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&amp;width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img4.png?v=1771226244&amp;width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img4.png?v=1771226244&amp;width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img4.png?v=1771226244&amp;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&amp;width=400" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/ticker_img5.png?v=1771226258&amp;width=200 200w, //www.tuttletwins.com/cdn/shop/files/ticker_img5.png?v=1771226258&amp;width=300 300w, //www.tuttletwins.com/cdn/shop/files/ticker_img5.png?v=1771226258&amp;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&amp;width=600" alt="" srcset="//www.tuttletwins.com/cdn/shop/files/TT_LOGO_Yellow.webp?v=1729345122&amp;width=352 352w, //www.tuttletwins.com/cdn/shop/files/TT_LOGO_Yellow.webp?v=1729345122&amp;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 &mldr;
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 &mldr;
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.