<!DOCTYPE html>
<html lang="en">
  <head>
    


    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="canonical" href="https://epicreads.com/">

    
      <link
        rel="shortcut icon"
        href="//epicreads.com/cdn/shop/files/EpicReads_2025_Horizontal_Color_White-favicon_a25712ad-ea29-4ded-b3fc-188759d23c77_32x32.png?v=1768483036"
        type="image/png">
    

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link
      rel="preconnect"
      href="https://fonts.gstatic.com"
      crossorigin>
    
      <link href="https://fonts.googleapis.com/css2?family=Karma:wght@300;400;500;600;700&display=swap" rel="stylesheet">
      <link href="https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet">
    

    

    










<title>
  
    Epic Reads Shop | Young Adult (YA) Books &amp; Books for Teens

    
    
  
</title>

<meta name="description" content="Shop Young Adult books from A to Z. Including videos, new releases, interviews, top lists and much more!" />
<meta property="og:url" content="https://epicreads.com/">
<meta property="og:site_name" content="Epic Reads">
<meta property="og:type" content="website">
<meta property="og:title" content="Epic Reads Shop | Young Adult (YA) Books &amp;amp; Books for Teens">
<meta property="og:description" content="Shop Young Adult books from A to Z. Including videos, new releases, interviews, top lists and much more!">
<meta property="og:image" content="http:image_here">
<meta property="og:image:secure_url" content="https:image_here">



<meta name="twitter:title" content="Epic Reads Shop | Young Adult (YA) Books &amp;amp; Books for Teens">
<meta name="twitter:description" content="Shop Young Adult books from A to Z. Including videos, new releases, interviews, top lists and much more!">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https:image_here">
<meta name="twitter:image:width" content="480">
<meta name="twitter:image:height" content="480">


    
    

    <script
      src="https://code.jquery.com/jquery-3.6.0.min.js"
      integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
      crossorigin="anonymous"></script>

    
      <script type="text/javascript">(function e(){var e=document.createElement("script");e.type="text/javascript",e.async=true,e.src="//staticw2.yotpo.com/Georv4gKic0pWdQerx2AtdSBmP2uilAYOoOuD2ny/widget.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
    

    <script type="text/javascript">
        window.SHOPIFY_CONFIG = {
          storefrontToken: '0140c8b9cc728717ea9abfb3c2174a97',
        }
    </script>

    

    <link href="//epicreads.com/cdn/shop/t/16/assets/index.css?v=90038546065354947881768919056" rel="stylesheet" type="text/css" media="all" />
    

    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="facebook-domain-verification" content="f8ervv85z2r05dlsyn6lavwcnjkq2e">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/93022585123/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="fdd80d0742b858b5af590f57b9fb9b61">
<meta id="in-context-paypal-metadata" data-shop-id="93022585123" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=93022585123" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":93022585123,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/93022585123","merchantName":"Epic Reads","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Epic Reads","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"fdd80d0742b858b5af590f57b9fb9b61","betas":["rich-media-storefront-analytics"],"domain":"epicreads.com","predictiveSearch":true,"shopId":93022585123,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "epicreadsstore.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"Production | ehouse","id":177729405219,"schema_name":null,"schema_version":null,"theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "epicreads.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<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>
<script>
  window.ShopifyPay = window.ShopifyPay || {};
  window.ShopifyPay.apiHost = "shop.app\/pay";
  window.ShopifyPay.redirectState = null;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//epicreads.com/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_BT-GjEfc.en.esm.js"></script>
<script defer="defer" async type="module" src="//epicreads.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_D58fp_Oc.esm.js"></script>
<script defer="defer" async type="module" src="//epicreads.com/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_xMitdFEc.esm.js"></script>
<script type="module">
  await import("//epicreads.com/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_BT-GjEfc.en.esm.js");
await import("//epicreads.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_D58fp_Oc.esm.js");
await import("//epicreads.com/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_xMitdFEc.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-cart-sync":["modules/v2/client.shop-cart-sync_DZOKe7Ll.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"init-fed-cm":["modules/v2/client.init-fed-cm_B6oLuCjv.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_D2sdYoxE.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_QeVjl5Y3.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"pay-button":["modules/v2/client.pay-button_DXTOsIq6.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"shop-button":["modules/v2/client.shop-button_DQZHx9pm.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"init-windoid":["modules/v2/client.init-windoid_CR1B-cfM.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_C_vY_xzh.en.esm.js","modules/v2/client.shop-login-button_QeVjl5Y3.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_BI7n9ZSv.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"init-shop-cart-sync":["modules/v2/client.init-shop-cart-sync_BT-GjEfc.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_DiYdP3xc.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_D9ZNqS-Q.en.esm.js","modules/v2/client.shop-login-button_QeVjl5Y3.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_iGw4briv.en.esm.js","modules/v2/client.shop-login-button_QeVjl5Y3.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_CqMgW2wH.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_xHeaAweL.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"shop-login":["modules/v2/client.shop-login_D91U-Q7h.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"lead-capture":["modules/v2/client.lead-capture_BJmE1dJe.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"payment-terms":["modules/v2/client.payment-terms_Ci9AEqFq.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"]};
</script>
<script>(function() {
  var isLoaded = false;
  function asyncLoad() {
    if (isLoaded) return;
    isLoaded = true;
    var urls = ["https:\/\/assets.smartwishlist.webmarked.net\/static\/v6\/smartwishlist.js?shop=epicreadsstore.myshopify.com","https:\/\/shopify-webhooks.sailthru.com\/shopify.js?shop=epicreadsstore.myshopify.com","https:\/\/cdn.attn.tv\/epicreads\/dtag.js?shop=epicreadsstore.myshopify.com"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":93022585123,"offset":-18000,"reqid":"e40a7b3f-d562-447e-8218-850e645bad59-1769479614","pageurl":"epicreads.com\/","u":"cda553276476","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<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.2.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>
<script integrity="sha256-4kQ18oKyAcykRKYeNunJcIwy7WH5gtpwJnB7kiuLZ1E=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//epicreads.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-a0a9edcb.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//epicreads.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-65b4c6d7.js?v=20250812"></script>
<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://epicreads.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  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);
</script>
<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})}}));
</script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://epicreads.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      </style>

<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>

    
      
    

    <!-- Algolia head -->
    <script
      src="https://cdn.jsdelivr.net/npm/algoliasearch@4.0.0/dist/algoliasearch-lite.umd.js"
      integrity="sha256-MfeKq2Aw9VAkaE9Caes2NOxQf6vUa8Av0JqcUXUGkd0="
      crossorigin="anonymous"></script>
    <script
      src="https://cdn.jsdelivr.net/npm/instantsearch.js@4.8.1/dist/instantsearch.production.min.js"
      integrity="sha256-0WDHFrfc57aK+qj8URy+75yA6dXwYqGGYs359HIyKu0="
      crossorigin="anonymous"></script>
    <script
      src="https://cdn.jsdelivr.net/npm/hogan.js@3.0.2/dist/hogan-3.0.2.min.js"
      integrity="sha256-jIAAmB65ff5CEFvV6DRfRWjHFwqq+AHeV4le8f8PYp4="
      crossorigin="anonymous"></script>
    <script
      src="https://cdn.jsdelivr.net/npm/autocomplete.js@0.37.1/dist/autocomplete.min.js"
      integrity="sha256-YVWQosorZnr6fALvOW9VALYuInld27RkSPkElGBdCaU="
      crossorigin="anonymous"></script>

    <script src="https://polyfill-fastly.net/v3/polyfill.min.js?features=default%2CArray.prototype.find%2CArray.prototype.includes%2CPromise%2CObject.assign%2CObject.entries"></script>
    <script type="text/template" id="template_algolia_money_format">${{amount}}
</script>
    <script type="text/template" id="template_algolia_current_collection_id">{
    "currentCollectionID": 
}
</script>
    <script type="text/template" id="template_algolia_autocomplete"><div class="aa-columns-container
  [[# with.articles ]] aa-with-articles [[/ with.articles ]]
  [[^ with.articles ]] aa-without-articles [[/ with.articles ]]
  [[# with.collections ]] aa-with-collections [[/ with.collections ]]
  [[^ with.collections ]] aa-without-collections [[/ with.collections ]]
  [[# with.footer ]] aa-with-footer [[/ with.footer ]]
  [[^ with.footer ]] aa-without-footer [[/ with.footer ]]
  [[# with.products ]] aa-with-products [[/ with.products ]]
  [[^ with.products ]] aa-without-products [[/ with.products ]]
  [[# with.pages ]] aa-with-pages [[/ with.pages ]]
  [[^ with.pages ]] aa-without-pages [[/ with.pages ]]">
  <div class="aa-left-column">
    <div class="aa-collections">
      <div class="aa-collections-header">Collections</div>
      <div class="aa-dataset-collections"></div>
    </div>
    <div class="aa-articles">
      <div class="aa-articles-header">Blog posts</div>
      <div class="aa-dataset-articles"></div>
    </div>
    <div class="aa-pages">
      <div class="aa-pages-header">Pages</div>
      <div class="aa-dataset-pages"></div>
    </div>
  </div>
  <div class="aa-dataset-products aa-right-column"></div>
</div></script>
    <script type="text/template" id="template_algolia_autocomplete.css">.algolia-autocomplete {
  box-sizing: border-box;
  background: white;
  border: 1px solid #CCC;
  border-top: 2px solid [[ colors.main ]];
  z-index: 10000 !important;
  color: black;
  text-align: left;
}

.aa-dropdown-menu .aa-highlight {
  color: black;
  font-weight: bold;
}

.aa-dropdown-menu .aa-cursor {
  cursor: pointer;
  background: #f8f8f8;
}

/* Resets */
.aa-dropdown-menu div,.aa-dropdown-menu p,.aa-dropdown-menu span,.aa-dropdown-menu a {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: initial;
}

/* Links */
.aa-dropdown-menu a,.aa-dropdown-menu a:hover,.aa-dropdown-menu a:focus,.aa-dropdown-menu a:active {
  font-weight: initial;
  font-style: initial;
  text-decoration: initial;
  color: [[ colors.main ]];
}

.aa-dropdown-menu a:hover,.aa-dropdown-menu a:focus,.aa-dropdown-menu a:active {
  text-decoration: underline;
}

/* Column layout */
.aa-dropdown-menu .aa-left-column,.aa-dropdown-menu .aa-right-column {
  position: relative;
  padding: 24px 24px 0 24px;
}

.aa-dropdown-menu-size-xs .aa-left-column,.aa-dropdown-menu-size-xs .aa-right-column,.aa-dropdown-menu-size-sm .aa-left-column,.aa-dropdown-menu-size-sm .aa-right-column {
  padding: 24px 12px 0 12px;
}

.aa-dropdown-menu-size-xs .aa-left-column,.aa-dropdown-menu-size-sm .aa-left-column {
  padding-top: 0;
  padding-bottom: 32px;
}

.aa-dropdown-menu-size-lg .aa-columns-container {
  direction: rtl;
  width: 100%;
  display: table;
  table-layout: fixed;
}

.aa-dropdown-menu-size-lg .aa-left-column,.aa-dropdown-menu-size-lg .aa-right-column {
  display: table-cell;
  direction: ltr;
  vertical-align: top;
}

.aa-dropdown-menu-size-lg .aa-left-column {
  width: 30%;
}

.aa-dropdown-menu-size-lg .aa-without-articles.aa-without-collections .aa-left-column {
  display: none;
}

.aa-dropdown-menu-size-lg .aa-without-products .aa-left-column {
  width: 100%;
}

.aa-dropdown-menu-size-lg .aa-right-column {
  width: 70%;
  border-left: 1px solid #ebebeb;
  padding-bottom: 64px;
}

.aa-dropdown-menu-size-lg .aa-without-footer .aa-right-column {
  padding-bottom: 0;
}

.aa-dropdown-menu-size-lg .aa-without-articles.aa-without-collections .aa-right-column {
  width: 100%;
  border-left: none;
}

.aa-dropdown-menu-size-lg .aa-without-products .aa-right-column {
  display: none;
}

/* Products group */
.aa-dropdown-menu .aa-dataset-products .aa-suggestions:after {
  content: '';
  display: block;
  clear: both;
}

.aa-dropdown-menu .aa-without-products .aa-dataset-products {
  display: none;
}

.aa-dropdown-menu .aa-products-empty {
  margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
  .epic-body .aa-products-empty {
    padding: 30px 24px 8px;
  }
}

.aa-dropdown-menu .aa-products-empty .aa-no-result {
  color: [[ colors.secondary ]];
}

.aa-dropdown-menu .aa-products-empty .aa-see-all {
  margin-top: 8px;
}

/* Product */
.aa-dropdown-menu .aa-dataset-products .aa-suggestion {
  float: left;
  width: 50%;
  margin-bottom: 16px;
  margin-top: -4px; /* -$v_padding */
}

.aa-dropdown-menu-size-xs .aa-dataset-products .aa-suggestion,.aa-dropdown-menu-size-sm .aa-dataset-products .aa-suggestion {
  width: 100%;
}

.aa-dropdown-menu .aa-product {
  position: relative;
  min-height: 56px; /* $img_size + 2 * $v_padding */
  padding: 4px 16px; /* $v_padding, $h_padding */
}

.aa-dropdown-menu .aa-product-picture {
  position: absolute;
  width: 48px; /* $img_size */
  height: 48px; /* $img_size */
  top: 4px; /* $v_padding */
  left: 16px; /* $h_padding */
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.aa-dropdown-menu .aa-product-text {
  margin-left: 64px; /* $img_size + $h_padding */
}

.aa-dropdown-menu-size-xs .aa-product {
  padding: 4px;
}

.aa-dropdown-menu-size-xs .aa-product-text {
  margin: 0;
}

.aa-dropdown-menu .aa-product-info {
  font-size: 0.85em;
  color: [[ colors.secondary ]];
}

.aa-dropdown-menu .aa-product-info .aa-highlight {
  font-size: 1em;
}

.aa-dropdown-menu .aa-product-price {
  color: [[ colors.main ]];
}

.aa-dropdown-menu .aa-product-title,.aa-dropdown-menu .aa-product-info {
  width: 100%;
  margin-top: -0.4em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
}

/* Collections, Articles & Pages */
.aa-dropdown-menu .aa-without-collections .aa-collections {
  display: none;
}

.aa-dropdown-menu .aa-without-articles .aa-articles {
  display: none;
}

.aa-dropdown-menu .aa-without-pages .aa-pages {
  display: none;
}

.aa-dropdown-menu .aa-collections,.aa-dropdown-menu .aa-articles,.aa-dropdown-menu .aa-pages {
  margin-bottom: 24px;
}

.aa-dropdown-menu .aa-collections-empty .aa-no-result,.aa-dropdown-menu .aa-articles-empty .aa-no-result,.aa-dropdown-menu .aa-pages-empty .aa-no-result {
  opacity: 0.7;
}

.aa-dropdown-menu .aa-collections-header,.aa-dropdown-menu .aa-articles-header,.aa-dropdown-menu .aa-pages-header {
  margin-bottom: 8px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.8em;
  color: [[ colors.secondary ]];
}

.aa-dropdown-menu .aa-collection,.aa-dropdown-menu .aa-article,.aa-dropdown-menu .aa-page {
  padding: 4px;
}

/* Footer */
.aa-dropdown-menu .aa-footer {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 16px 48px;
  background-color: #efefef;
}

.aa-dropdown-menu-size-xs .aa-footer,.aa-dropdown-menu-size-sm .aa-footer,.aa-dropdown-menu-size-md .aa-footer {
  display: none;
}</script>
    <script type="text/template" id="template_algolia_autocomplete_pages_empty"><div class="aa-pages-empty"><div class="aa-no-result">[[ translations.noPageFound ]]</div></div></script>
    <script type="text/template" id="template_algolia_autocomplete_page"><div class="aa-page"><div class="aa-picture" style="background-image: url('[[# helpers.iconImage ]][[/ helpers.iconImage ]]')"></div><div class="aa-text"><span class="aa-title">[[& _highlightResult.title.value ]]</span></div></div></script>
    <script type="text/template" id="template_algolia_autocomplete_collection"><div class="aa-collection"><div class="aa-picture" style="background-image: url('[[# helpers.iconImage ]][[/ helpers.iconImage ]]')"></div><div class="aa-text"><span class="aa-title">[[& _highlightResult.title.value ]]</span></div></div></script>
    <script type="text/template" id="template_algolia_autocomplete_collections_empty"><div class="aa-collections-empty"><div class="aa-no-result">[[ translations.noCollectionFound ]]</div></div></script>
    <script type="text/template" id="template_algolia_autocomplete_article"><div class="aa-article"><div class="aa-text"><span class="aa-title">[[& _highlightResult.title.value ]]</span></div></div></script>
    <script type="text/template" id="template_algolia_autocomplete_articles_empty"><div class="aa-articles-empty"><div class="aa-no-result">No article found</div></div></script>
    <script type="text/template" id="template_algolia_autocomplete_product"><div data-algolia-index="[[ _index ]]" data-algolia-position="[[ _position ]]" data-algolia-queryid="[[ queryID ]]" data-algolia-objectid="[[ objectID ]]" class="aa-product">
  <div class="aa-product-picture" style="background-image: url('[[# helpers.mediumImage ]][[/ helpers.mediumImage ]]')"></div>
  <div class="aa-product-text">
    <p class="aa-product-title">[[# helpers.fullHTMLTitle ]][[/ helpers.fullHTMLTitle ]]</p>
    <p class="aa-product-info">[[# vendor ]][[# helpers.by ]] [[& _highlightResult.vendor.value ]] [[/ helpers.by ]][[/ vendor ]]</p>
    [[# _showFormat ]]<p class="aa-product-info">Format: [[ _format ]]</p>[[/ _showFormat]]
  </div>
</div></script>
    <script type="text/template" id="template_algolia_autocomplete_products_empty"><div class="aa-products-empty">
  <p class="aa-no-result">[[# helpers.no_result_for ]] "[[ query ]]" [[/ helpers.no_result_for]]</p>
  <p class="aa-see-all"><a href="/search?q=">[[ translations.allProducts ]]</a></p>
</div></script>
    <script type="text/template" id="template_algolia_autocomplete_footer"><div class="aa-footer">
  [[ translations.allProducts ]]
  <a class="aa-footer-link" href="/search?q=[[ query ]]">[[ translations.matching ]] <span class="aa-query">"[[ query ]]"</span></a>
  (<span class="aa-nbhits">[[# helpers.formatNumber ]][[ nbHits ]][[/ helpers.formatNumber ]]</span>)
</div></script>
    <script type="text/template" id="template_algolia_instant_search"><div class="ais-page">
  <div class="ais-top-buttons">
    <div class="ais-facets-button">Show filters</div>
    <div class="ais-sortby-button"></div>
  </div>
  <div class="ais-facets">
    
    <div class="ais-facets__inner">
      <div class="ais-current-refined-values--header ais-facet--header ais-header">
        Filter By

        <span class="ais-facets--header__close ais-facets__close"><?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 20.6 20.6" style="enable-background:new 0 0 20.6 20.6;" xml:space="preserve">
<style type="text/css">
	.st_facets_close{fill-rule:evenodd;clip-rule:evenodd;fill:#23262A;}
</style>
<path class="st_facets_close" d="M11.4,10.3l4.4-4.4c0.3-0.3,0.3-0.8,0-1.1c-0.3-0.3-0.8-0.3-1.1,0l-4.4,4.4L5.9,4.8c-0.3-0.3-0.8-0.3-1.1,0
	c-0.3,0.3-0.3,0.8,0,1.1l4.4,4.4l-4.4,4.4c-0.3,0.3-0.3,0.8,0,1.1c0.3,0.3,0.8,0.3,1.1,0l4.4-4.4l4.4,4.4c0.3,0.3,0.8,0.3,1.1,0
	c0.3-0.3,0.3-0.8,0-1.1L11.4,10.3z"/>
</svg>
</span>
      </div>
      <div class="ais-clear-refinements-container"></div>
      <div class="ais-current-refined-values-container"></div>
      [[# facets ]]
        <div class="ais-facet-item ais-facet-[[ type ]] ais-facet-[[ escapedName ]]">
          <div class="ais-range-slider--header ais-facet--header ais-header">
            [[ title ]]
            <span class="ais-facet--header-icon ais-facet--header__expand">


<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 15.5 15.5" style="enable-background:new 0 0 15.5 15.5;" xml:space="preserve">

<style type="text/css">
	.st_filter_open{fill-rule:evenodd;clip-rule:evenodd;fill:#23262A;}
</style>

<path class="st_filter_open" d="M12.8,6.8h-4v-4c0-0.6-0.4-1-1-1s-1,0.4-1,1v4h-4c-0.6,0-1,0.4-1,1s0.4,1,1,1h4v4c0,0.6,0.4,1,1,1s1-0.4,1-1v-4
	h4c0.6,0,1-0.4,1-1S13.3,6.8,12.8,6.8z"/>
</svg>
</span>
            <span class="ais-facet--header-icon ais-facet--header__collapse">


<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 18.5 18.5" style="enable-background:new 0 0 18.5 18.5;" xml:space="preserve">

<style type="text/css">
	.st_filter_close{fill-rule:evenodd;clip-rule:evenodd;fill:#23262A;}
</style>

<g id="PLP">
	<g id="D---PLP" transform="translate(-329.000000, -660.000000)">
		<g id="Filter-By" transform="translate(120.000000, 505.000000)">
			<g id="Group-2" transform="translate(209.000000, 155.000000)">
				<path id="Rectangle" class="st_filter_close" d="M4.2,8.2h10c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1h-10c-0.6,0-1-0.4-1-1l0,0
					C3.2,8.7,3.7,8.2,4.2,8.2z"/>
			</g>
		</g>
	</g>
</g>
</svg>
</span>
          </div>
          <div class="ais-facet-container ais-facet-[[ escapedName ]]-container"></div>
        </div>
      [[/ facets ]]
    </div>

    <span class="ais-facets--footer__close ais-facets__close">
      Apply
    </span>
  </div>
  <div class="ais-block">
    <div class="ais-input">
      <div class="ais-input--label">[[ translations.search ]]</div>
      <div class="ais-search-box-container"></div>
      <div class="ais-input-button"><div class="ais-clear-input-icon"></div></div>
    </div>
    <div class="ais-search-header">
      <div class="ais-stats-container"></div>
      <div class="ais-change-display">
        <span class="ais-change-display-block ais-change-display-selected"><i class="fa fa-th-large"></i></span>
        <span class="ais-change-display-list"><i class="fa fa-th-list"></i></span>
      </div>
      <div class="ais-sort">
        [[# multipleSortOrders ]]
          [[ translations.sortBy ]] <span class="ais-sort-orders-container"></span>
        [[/ multipleSortOrders ]]
        [[^ multipleSortOrders ]]
          [[ translations.sortBy ]] [[ translations.relevance ]]
        [[/ multipleSortOrders ]]
      </div>
    </div>
    <div class="ais-hits-container ais-results-as-block"></div>
    <div class="ais-pagination-container"></div>
  </div>
  <div id = "redirectFunction"></div>
</div></script>
    <script type="text/template" id="template_algolia_instant_search.css">.ais-page .aa-highlight {
  color: black;
  font-weight: bold;
}

/* Resets */
.ais-page div,.ais-page p,.ais-page span,.ais-page a,.ais-page ul,.ais-page li,.ais-page input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: initial;
}

.ais-page input {
  padding-left: 24px !important;
}

/* Links */
.ais-page .ais-link,.ais-page a,.ais-page a:hover,.ais-page a:focus,.ais-page a:active {
  font-weight: initial;
  font-style: initial;
  text-decoration: initial;
  color: [[ colors.main ]];
  cursor: pointer;
}

.ais-page a:hover,.ais-page a:focus,.ais-page a:active,.ais-page .ais-link:hover {
  text-decoration: underline;
}

/* Columns */
.ais-page .ais-facets {
  width: 25%;
  float: left;
  padding-right: 8px;
  position: relative;
}

.ais-page .ais-block {
  width: 75%;
  float: right;
  padding-left: 8px;
}

.ais-results-size-xs .ais-page .ais-facets,.ais-results-size-xs .ais-page .ais-block,.ais-results-size-sm .ais-page .ais-facets,.ais-results-size-sm .ais-page .ais-block {
  width: 100%;
  padding-left: 0px;
}

.ais-page .ais-Pagination-list {
  clear: both;
}

/* Refine button */
.ais-page .ais-facets-button {
  display: none;
  margin: 16px 0;
  padding: 8px;
  border: 1px solid #e0e0e0;
  text-align: center;
  cursor: pointer;
}

.ais-results-size-xs .ais-page .ais-facets-button,.ais-results-size-sm .ais-page .ais-facets-button {
  display: block;
}

.ais-results-size-xs .ais-page .ais-facets,.ais-results-size-sm .ais-page .ais-facets {
  display: none;
}

.ais-results-size-xs .ais-page .ais-facets__shown,.ais-results-size-sm .ais-page .ais-facets__shown {
  display: block;
}

/* Facets */
.ais-page .ais-facet {
  border: solid #e0e0e0;
  border-width: 0 1px 1px;
  margin-bottom: 16px;
  padding: 8px;
  color: #636363;
}

.ais-page .ais-facet a,.ais-page .ais-facet a:hover,.ais-page .ais-facet a:focus,.ais-page .ais-facet a:active {
  color: #666;
}

.ais-page .ais-facet--header {
  border: solid #e0e0e0;
  border-width: 1px 1px 0;
  padding: 6px 8px;
  background: #f4f4f4;
  font-size: 0.95em;
  color: #757575;
  text-transform: uppercase;
}

.ais-page .ais-facet--body {
  padding: 8px;
}

.ais-page .ais-facet--item {
  position: relative;
  width: 100%;
  padding: 6px 50px 6px 0;
  cursor: pointer;
}

.ais-page .ais-facet--label {
  display: inline-block;
  margin-top: -0.15em;
  margin-bottom: -0.15em;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  line-height: 1.3;
}

.ais-page .ais-facet--count {
  [[#distinct]]display: none;[[/distinct]]
  position: absolute;
  top: 6px;
  right: 0px;
  color: [[ colors.secondary ]];
}

.ais-page .ais-RefinementList-item--selected {
  font-weight: bold;
}

.ais-page .ais-RefinementList-item--selected,.ais-page .ais-facet--item:hover {
  margin-left: -8px;
  padding-left: 4px;
  padding-right: 42px;
  border-left: 4px solid [[ colors.main ]];
}

.ais-page .ais-RefinementList-item--selected .ais-facet--count,.ais-page .ais-facet--item:hover .ais-facet--count {
  right: -8px;
}

.ais-page .ais-CurrentRefinements {
  position: relative;
}

.ais-page .ais-CurrentRefinements--header {
  padding-right: 72px;
}

.ais-page .ais-clear-refinements-container {
  position: absolute;
  right: 11px;
  top: 1px;
}

.ais-page .ais-ClearRefinements-button {
  border: 0;
  background: 0;
  color: #666;
}

.ais-page .ais-ClearRefinements-button:hover {
  text-decoration: underline;
}

.ais-page .ais-CurrentRefinements-label {
  display: table;
  width: 100%;
  margin: 4px 0;
  border: 1px solid #e0e0e0;
  cursor: pointer;
}

.ais-page .ais-CurrentRefinements-label:before {
  content: '\2a2f';
  display: table-cell;
  vertical-align: middle;
  width: 0;
  padding: 4px 6px;
  background: #e0e0e0;
}

.ais-page .ais-CurrentRefinements-label div {
  display: inline;
}

.ais-page .ais-CurrentRefinements-label > div {
  display: table-cell;
  vertical-align: middle;
  margin-top: -0.15em;
  margin-bottom: -0.15em;
  padding: 4px 6px;
  background: #f4f4f4;
  width: 100%;
  max-width: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}

.ais-page .ais-CurrentRefinements-label:hover {
  text-decoration: none;
}

.ais-page .ais-CurrentRefinements-label:hover > div {
  text-decoration: line-through;
}

.ais-page .ais-CurrentRefinements-label {
  font-weight: bold;
}

.ais-RangeSlider .rheostat-tooltip {
  display: none;
  background: transparent;
  position: absolute;
  font-size: 0.8em;
  transform: translate(-50%, -100%);
  left: 50%;
  line-height: 1.5em;
  text-align: center;
}

.ais-page .ais-current-refined-values--link {
  display: table;
  width: 100%;
  margin: 4px 0;
  border: 1px solid #e0e0e0;
  cursor: pointer;
}

.ais-page .ais-current-refined-values--link:hover {
  text-decoration: none;
}

.ais-page .ais-current-refined-values--link:before {
  content: '\2a2f';
  display: table-cell;
  vertical-align: middle;
  width: 0;
  padding: 4px 6px;
  background: #e0e0e0;
}

.ais-page .ais-current-refined-values--link div {
  display: inline;
}

.ais-page .ais-current-refined-values--link > div {
  display: table-cell;
  vertical-align: middle;
  margin-top: -0.15em;
  margin-bottom: -0.15em;
  padding: 4px 6px;
  background: #f4f4f4;
  width: 100%;
  max-width: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}

.ais-page .ais-current-refined-values--link:hover > div {
  text-decoration: line-through;
}

.ais-page .ais-current-refined-values--label {
  font-weight: bold;
}

.ais-RangeSlider .rheostat-handle:hover .rheostat-tooltip {
  display: block;
}

.ais-RangeSlider .rheostat-handle {
  background: #fff;
  border-radius: 50%;
  cursor: grab;
  height: 20px;
  outline: none;
  transform: translate(-50%, calc(-50% + -3px));
  border: 1px solid #ccc;
  width: 20px;
  z-index: 1;
}

.ais-RangeSlider .rheostat-value {
  padding-top: 15px;
  font-size: 0.8em;
  transform: translateX(-50%);
  position: absolute;
}

.ais-RangeSlider .rheostat-horizontal {
  cursor: pointer;
  margin: 16px 16px 24px;
}

.ais-RangeSlider .rheostat-background {
  background-color: rgba(65, 66, 71, 0.08);
  border: 1px solid #ddd;
  height: 6px;
}

.ais-RangeSlider .rheostat-progress {
  background-color: [[ colors.main ]];
  cursor: pointer;
  height: 4px;
  top: 1px;
  position: absolute;
}

.ais-RangeSlider .rheostat-marker-horizontal {
  background: #ddd;
  width: 1px;
  height: 5px;
  pointer-events: none;
}

.ais-RangeSlider .rheostat-marker-large {
  background: #ddd;
  width: 2px;
  height: 12px;
}

/* Search box */
.ais-page .ais-input {
  display: table;
  width: 100%;
  border: 2px solid [[ colors.main ]];
}

.ais-page .ais-input--label {
  display: table-cell;
  vertical-align: middle;
  width: 0;
  padding: 8px;
  padding-right: 24px;
  white-space: nowrap;
  color: white;
  background: [[ colors.main ]];
}

.ais-results-size-xs .ais-page .ais-input--label {
  display: none;
}

.ais-page .ais-search-box-container {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

.ais-page .ais-SearchBox-input {
  width: 100%;
  padding: 8px 16px 8px 4px;
  border: none;
}

.ais-page .ais-SearchBox-input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.ais-page .ais-SearchBox-input,
.ais-page .ais-SearchBox-input:focus {
  outline: 0;
  box-shadow: none;
  height: 32px;
  padding: 0 8px;
}

.ais-page .ais-input-button {
  display: table-cell;
  vertical-align: middle;
  width: 0;
  padding: 4px 8px;
}

.ais-page .ais-clear-input-icon{
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;

  cursor: pointer;
}

.ais-page .ais-clear-input-icon {
  display: none;
  width: 16px;
  height: 16px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBvcGFjaXR5PSIwLjYiPjxwYXRoIGQ9Ik0uNTY2IDEuNjk4TDAgMS4xMyAxLjEzMiAwbC41NjUuNTY2TDYgNC44NjggMTAuMzAyLjU2NiAxMC44NjggMCAxMiAxLjEzMmwtLjU2Ni41NjVMNy4xMzIgNmw0LjMwMiA0LjMuNTY2LjU2OEwxMC44NjggMTJsLS41NjUtLjU2Nkw2IDcuMTMybC00LjMgNC4zMDJMMS4xMyAxMiAwIDEwLjg2OGwuNTY2LS41NjVMNC44NjggNiAuNTY2IDEuNjk4eiIvPjwvc3ZnPg==');
}

/* Search header */
.ais-page .ais-search-header {
  margin: 16px 0 8px 0;
  padding: 0.6em 0.9em 0.4em 0.9em;
  background: #f4f4f4;
  color: [[ colors.secondary ]];
}

.ais-page .ais-search-header:after {
  content: '';
  clear: both;
  display: block;
}

.ais-page .ais-search-header {
  font-size: 0.85em;
}

.ais-page .ais-search-header * {
  font-size: inherit;
  line-height: 1.6;
}

/* Stats */
.ais-page .ais-Stats {
  float: left;
}

.ais-page .ais-stats--nb-results {
  font-weight: bold;
}

.ais-results-size-xs .ais-page .ais-Stats {
  float: none;
}

/* Display mode */
.ais-page .ais-change-display {
  float: right;
  margin-left: 10px;
  cursor: pointer;
}

.ais-page .ais-change-display-block:hover,.ais-page .ais-change-display-list:hover,.ais-page .ais-change-display-selected {
  color: [[ colors.main ]];
}

/* Sort orders */
.ais-page .ais-sort {
  float: right;
}

.ais-results-size-xs .ais-page .ais-sort {
  float: none;
}

.ais-page .ais-SortBy {
  display: inline-block;
}

.ais-page .ais-SortBy-select {
  height: 1.6em;
  padding: 0px 30px 0px 5px;
  margin-top: -0.1em;
}

/* Hits */
.ais-page .ais-Hits:after {
  content: '';
  clear: both;
  display: block;
}

.ais-page .ais-hit-empty {
  margin-top: 60px;
  text-align: center;
}

.ais-page .ais-highlight {
  position: relative;
  z-index: 1;
  font-weight: bold;
}

.ais-page .ais-highlight:before {
  content: '';
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: [[ colors.main ]];
  opacity: 0.1;
}

.ais-page .ais-hit {
  position: relative;
  float: left;
  margin: 8px 0 16px 0;
  border: 1px solid #e0e0e0;
}

.ais-page .ais-hit:hover {
  border-color: [[ colors.main ]];
}

.ais-page .ais-hit--details > * {
  width: 100%;
  margin-top: -0.15em;
  margin-bottom: -0.15em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}

.ais-page .ais-hit--title {
  color: [[ colors.main ]];
}

.ais-page .ais-hit--subtitle {
  font-size: 0.9em;
  color: [[ colors.secondary ]];
}

.ais-page .ais-hit--subtitle * {
  font-size: inherit;
}

.ais-page .ais-hit--price {
  color: [[ colors.main ]];
}

.ais-page .ais-hit--price-striked {
  text-decoration: line-through;
  color: [[ colors.secondary ]];
}

.ais-page .ais-hit--price-striked span {
  color: [[ colors.main ]];
}

.ais-page .ais-hit--price-discount {
  color: [[ colors.secondary ]];
}

.ais-page .ais-hit--cart-button {
  display: inline-block;
  width: auto;
  padding: 8px 16px;
  margin-top: 8px;
  color: [[ colors.secondary ]];
  background: #e0e0e0;
  font-size: 0.9em;
  text-transform: uppercase;
}

.ais-page .ais-hit--cart-button:not(.ais-hit--cart-button__disabled):hover {
  background-color: [[ colors.main ]];
  color: white;
  text-decoration: none;
}

.ais-page .ais-hit--cart-button__disabled {
  background: #ccc;
}

.ais-page .ais-results-as-list .ais-hit {
  padding: 30px 25px; /* $v_padding $h_padding */
  width: 100%;
  min-height: 170px; /* $img_size + 2 * $v_padding */
}

.ais-page .ais-results-as-list .ais-hit--picture {
  position: absolute;
  top: 30px; /* $v_padding */
  left: 25px; /* $h_padding */
  width: 110px; /* $img_size */
  height: 110px; /* $img_size */
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.ais-page .ais-results-as-list .ais-hit--details {
  margin-left: 160px; /* $img_size + 2 * $h_padding */
}

.ais-page .ais-results-as-block .ais-hit {
  padding: 30px 25px; /* $v_padding $h_padding */
  text-align: center;
}

.ais-results-size-xs .ais-page .ais-results-as-block .ais-hit {
  width: 98%;
  margin-left: 2%;
}

.ais-results-size-sm .ais-page .ais-results-as-block .ais-hit,.ais-results-size-md .ais-page .ais-results-as-block .ais-hit {
  width: 47.5%;
  margin-left: 5%;
}

.ais-results-size-sm .ais-page .ais-results-as-block .ais-Hits-item:nth-of-type(2n + 1) .ais-hit,.ais-results-size-md .ais-page .ais-results-as-block .ais-Hits-item:nth-of-type(2n + 1) .ais-hit {
  margin-left: 0;
}

.ais-results-size-lg .ais-page .ais-results-as-block .ais-hit {
  width: 30%;
  margin-left: 5%;
}

.ais-results-size-lg
  .ais-page
  .ais-results-as-block
  .ais-Hits-item:nth-of-type(3n + 1)
  .ais-hit {
  margin-left: 0;
}

.ais-page .ais-results-as-block .ais-hit--picture {
  position: absolute;
  top: 30px; /* $v_padding */
  left: 50%;
  margin-left: -55px; /* -$img_size / 2 */
  width: 110px; /* $img_size */
  height: 110px; /* $img_size */
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.ais-page .ais-results-as-block .ais-hit--details {
  margin-top: 140px; /* $img_size + $v_padding */
}

/* Pagination */
.ais-page .ais-Pagination-list {
  text-align: center;
}

.ais-page .ais-Pagination-item {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0px 5px;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  text-align: center;
}

.ais-page .ais-Pagination--active {
  border-color: [[ colors.main ]];
}

.ais-page .ais-Pagination-item--disabled {
  visibility: hidden;
}

.ais-page .ais-Pagination-link {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 5px 0;
  font-size: 0.9em;
  color: [[ colors.main ]];
}</script>
    <script type="text/template" id="template_algolia_instant_search_stats">[[# hasNoResults ]]
    [[# helpers.translation ]]noResultFound[[/ helpers.translation ]]
[[/ hasNoResults ]]

[[# hasOneResult ]]
  <span class="ais-stats--nb-results">
    [[# helpers.translation ]]oneResultFound[[/ helpers.translation ]]
  </span>
[[/ hasOneResult ]]

[[# hasManyResults ]]
  [[ helpers.outOf ]]
  <span class="ais-stats--nb-results">
    [[# helpers.formatNumber ]][[ nbHits ]][[/ helpers.formatNumber ]]
    
  </span>
[[/ hasManyResults ]]


</script>
    <script type="text/template" id="template_algolia_instant_search_facet_item"><label class="[[ cssClasses.label ]]" title="[[ label ]]">
  [[# is_color ]]
    <span class="hidden">[[ swatch ]]</span>
    <span class="ais-color-swatch" style="background-image: url([[ swatch ]])"></span>
  [[/ is_color ]]
  [[^ is_color ]]
    [[# type.disjunctive ]]<input type="checkbox" class="[[ cssClasses.checkbox ]]" [[# isRefined ]]checked[[/ isRefined ]]/><span class="[[ cssClasses.checkbox ]]__custom"></span>[[/ type.disjunctive ]]
    [[& label ]]
    <span class="[[ cssClasses.count ]]">[[# helpers.formatNumber ]][[ count ]][[/ helpers.formatNumber ]]</span>
  [[/ is_color ]]
</label></script>
    <script type="text/template" id="template_algolia_instant_search_current_refined_values_item">[[# label ]]<div class="ais-current-refined-values--label">[[ label ]]</div>[[^ operator ]]:[[/ operator]][[/ label ]]
[[# operator ]]
  [[& displayOperator ]] [[# helpers.formatNumber ]][[ name ]][[/ helpers.formatNumber ]]
[[/ operator ]]
[[^ operator ]]
  [[# exclude ]]-[[/ exclude ]][[ name ]]
[[/ operator ]]</script>
    <script type="text/template" id="template_algolia_instant_search_product"><div data-algolia-index="[[ index ]]" data-algolia-position="[[ productPosition ]]" data-algolia-queryid="[[ queryID ]]" data-algolia-objectid="[[ objectID ]]" data-swatch-color ="[[swatchColor]]" class="ais-hit ais-product" data-handle="[[ handle ]]" data-variant-id="[[ objectID ]]" data-distinct="[[ _distinct ]]">
  
  [[# is_audio_variant ]]<span class="ais-hit--digital-badges"><img class="lazy" id="Headphone" src="//epicreads.com/cdn/shop/t/16/assets/HC_Headphones.svg?v=27393675302010058211745416911" alt="audio book" /></span>[[/ is_audio_variant]]
  [[# is_ecourse_variant]]<span class="ais-hit--digital-badges"><img class="lazy" id="Hat" src="//epicreads.com/cdn/shop/t/16/assets/HC_Course.svg?v=22389035598264567421745416911" alt="e-course" /></span>[[/ is_ecourse_variant]]
  [[# is_video_variant]]<span class="ais-hit--digital-badges" style="left:70%;"><img class="lazy" id="VideoBadge" src="//epicreads.com/cdn/shop/t/16/assets/HC_Video.svg?v=119126002346741350071745416911" alt="video" style="width:20px;" /></span>[[/ is_video_variant]]
  [[# helpers.saleBadge ]][[/ helpers.saleBadge ]]
  <a href="[[# helpers.instantsearchLink ]][[/ helpers.instantsearchLink ]]" class="ais-hit--link">
    <div id="ais-hit-picture-[[ objectID ]]" class="ais-hit--picture ais-hit--link"></div>
    <style>
      #ais-hit-picture-[[ objectID ]]{background-image:url('[[# helpers.largeImage ]][[/ helpers.largeImage ]]');}
    </style>
    
    <p class="ais-hit--title">[[# helpers.fullEscapedHTMLTitle ]][[/ helpers.fullEscapedHTMLTitle ]]</p>
  </a>
  <div class="ais-hit--details">
    <p class="ais-hit--subtitle">[[# vendor ]] [[# helpers.fullEscapedHTMLVendor ]][[/ helpers.fullEscapedHTMLVendor ]][[/ vendor ]]</p>
    <p class="ais-hit--price">[[# helpers.instantsearchPrice ]][[/ helpers.instantsearchPrice ]]</p>
    <div class="yotpo bottomLine" data-product-id="[[ id ]]">[[& _highlightResult.meta.yotpo.bottomline ]]</div>
  </div>
  
  <a class="ais-hit--btn ais-hit--link w-full button button-secondary" href="[[# helpers.instantsearchLink ]][[/ helpers.instantsearchLink ]]"><span class="md:hidden">See More</span><span class="hidden md:block">Learn More</span></a>
</div>
</script>
    <script type="text/template" id="template_algolia_instant_search_no_result"><div class="ais-hit-empty">
  <div class="ais-hit-empty--title">[[ translations.noResultFound ]]</div>
  <div class="ais-hit-empty--clears">
    [[# helpers.try_clear_or_change_input ]]
      <a class="ais-hit-empty--clear-filters ais-link"> </a>
      <a class="ais-hit-empty--clear-input ais-link"> </a>
    [[/ helpers.try_clear_or_change_input ]]
  </div>
</div>
</script>
    <link href="//epicreads.com/cdn/shop/t/16/assets/algolia_dependency_font-awesome-4-4-0.min.css?v=36583777724753847531745417000" rel="stylesheet" type="text/css" media="all" />
    <script src="//epicreads.com/cdn/shop/t/16/assets/URLSearchParams.js?v=135122153899689885101745416961"></script>
    <script src="//epicreads.com/cdn/shop/t/16/assets/algolia_externals.js?v=3192349124226019631745416851" defer></script>
    
      <script src="//epicreads.com/cdn/shop/t/16/assets/algolia_config_epic.js?v=110902881375513917751758805989" type="text/javascript"></script>
    
    <script src="//epicreads.com/cdn/shop/t/16/assets/algolia_init.js?v=171234948540334732161745417000" type="text/javascript"></script>
    <script src="//epicreads.com/cdn/shop/t/16/assets/algolia_analytics.js?v=15984259230531936481745416999" defer></script>
    <script src="//epicreads.com/cdn/shop/t/16/assets/algolia_translations.js?v=80706105105642795581745416999" defer></script>
    <script src="//epicreads.com/cdn/shop/t/16/assets/algolia_helpers.js?v=167355299560140987071745416999" defer></script>
    <script src="//epicreads.com/cdn/shop/t/16/assets/algolia_autocomplete.js?v=151234157818279211491745416999" defer></script>
    <script src="//epicreads.com/cdn/shop/t/16/assets/algolia_facets.js?v=29479609812013722751745416999" defer></script>
    <script src="//epicreads.com/cdn/shop/t/16/assets/algolia_sort_orders.js?v=66237125660405380101745417000" defer></script>
    <script src="//epicreads.com/cdn/shop/t/16/assets/algolia_instant_search.js?v=178729815629582113121745417000" defer></script>
    <script
      src="https://cdn.jsdelivr.net/npm/search-insights@1.6.2/dist/search-insights.min.js"
      integrity="sha256-T8unEq0Bk/jEiu7R1f7T4EMbgG17a8++qp2Gdpb7vto="
      crossorigin="anonymous"></script>
    <!-- /Algolia head -->
    
    <link
      rel="stylesheet"
      type="text/css"
      href="//epicreads.com/cdn/shop/t/16/assets/algolia-custom.scss.css?v=170469851332780509961750179961">

    <script>
    
    
    
    
    
    
    var gsf_conversion_data = {page_type : 'home', event : 'page_view', data : {product_data : [{variant_id : 53497180258595, product_id : 9822143578403, name : "#famous", price : "8.79", currency : "USD", sku : "9780062430045", brand : "Jilly Gagnon", variant : "Paperback", category : ""}, {variant_id : 53140529676579, product_id : 9821850796323, name : "(S)Kin", price : "15.99", currency : "USD", sku : "9780062888877", brand : "Ibi Zoboi", variant : "Hardcover", category : "Hardcover"}], total_price :"24.78", shop_currency : "USD"}};
    
    
</script>

    
      <script src="https://cdn-widgetsrepository.yotpo.com/v1/loader/Georv4gKic0pWdQerx2AtdSBmP2uilAYOoOuD2ny" async></script>
    

  <!-- BEGIN app block: shopify://apps/yotpo-loyalty-rewards/blocks/loader-app-embed-block/2f9660df-5018-4e02-9868-ee1fb88d6ccd -->
    <script src="https://cdn-widgetsrepository.yotpo.com/v1/loader/whSOuAgCkMzRcHsptM9xgg" async></script>



    <script src="https://cdn-loyalty.yotpo.com/loader/whSOuAgCkMzRcHsptM9xgg.js?shop=epicreads.com" async></script>


<!-- END app block --><!-- BEGIN app block: shopify://apps/elevar-conversion-tracking/blocks/dataLayerEmbed/bc30ab68-b15c-4311-811f-8ef485877ad6 -->



<script type="module" dynamic>
  const configUrl = "/a/elevar/static/configs/172a00eab0232e43055b634fc79b3631795da513/config.js";
  const config = (await import(configUrl)).default;
  const scriptUrl = config.script_src_app_theme_embed;

  if (scriptUrl) {
    const { handler } = await import(scriptUrl);

    await handler(
      config,
      {
        cartData: {
  marketId: "91974566179",
  attributes:{},
  cartTotal: "0.0",
  currencyCode:"USD",
  items: []
}
,
        user: {cartTotal: "0.0",
    currencyCode:"USD",customer: {},
}
,
        isOnCartPage:false,
        collectionView:null,
        searchResultsView:null,
        productView:null,
        checkoutComplete: null
      }
    );
  }
</script>


<!-- END app block --><!-- BEGIN app block: shopify://apps/sc-easy-redirects/blocks/app/be3f8dbd-5d43-46b4-ba43-2d65046054c2 -->
    <!-- common for all pages -->
    
    
        <script src="https://cdn.shopify.com/extensions/264f3360-3201-4ab7-9087-2c63466c86a3/sc-easy-redirects-5/assets/esc-redirect-app-live-feature.js" async></script>
    




<!-- END app block --><!-- BEGIN app block: shopify://apps/attentive/blocks/attn-tag/8df62c72-8fe4-407e-a5b3-72132be30a0d --><script type="text/javascript" src="https://cdn.attn.tv/epicreads/dtag.js?source=app-embed" defer="defer"></script>


<!-- END app block --><!-- BEGIN app block: shopify://apps/yotpo-product-reviews/blocks/settings/eb7dfd7d-db44-4334-bc49-c893b51b36cf -->


  <script type="text/javascript" src="https://cdn-widgetsrepository.yotpo.com/v1/loader/Georv4gKic0pWdQerx2AtdSBmP2uilAYOoOuD2ny?languageCode=en" async></script>



  
<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 93022585123,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 93022585123,storefrontBaseUrl: "https://epicreads.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86"],webPixelsConfigList: [{"id":"1859682595","configuration":"{\"tagID\":\"2612713501289\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"18031546ee651571ed29edbe71a3550b","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"1381499171","configuration":"{\"env\":\"prod\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"1a41e1eca09c95376c0b4a84ae3b11ef","type":"APP","apiClientId":3977633,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"1261109539","configuration":"{\"yotpoStoreId\":\"Georv4gKic0pWdQerx2AtdSBmP2uilAYOoOuD2ny\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8bb37a256888599d9a3d57f0551d3859","type":"APP","apiClientId":70132,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"1240564003","configuration":"{\"config_url\": \"\/a\/elevar\/static\/configs\/172a00eab0232e43055b634fc79b3631795da513\/config.js\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"ab86028887ec2044af7d02b854e52653","type":"APP","apiClientId":2509311,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"153878819","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["SALE_OF_DATA"],"name":"Elevar - Checkout tracking"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Epic Reads","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"epicreadsstore.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/epicreads.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://epicreads.com/cdn","fcfee988w5aeb613cpc8e4bc33m6693e112",{"modern":"","legacy":""},{"shopId":"93022585123","storefrontBaseUrl":"https:\/\/epicreads.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\"]","isMerchantRequest":"false","hashVersion":"fcfee988w5aeb613cpc8e4bc33m6693e112","publish":"custom","events":"[[\"page_viewed\",{}]]"});</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'USD';
  var meta = {"page":{"pageType":"home","requestId":"e40a7b3f-d562-447e-8218-850e645bad59-1769479614"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
      var script = document.createElement('script');
      script.type = 'text/javascript';
      script.onerror = function(e) {
        var scriptFallback = document.createElement('script');
        scriptFallback.type = 'text/javascript';
        scriptFallback.onerror = function(error) {
                var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 93022585123,
      theme_id: 177729405219,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//epicreads.com/cdn/s/trekkie.storefront.a804e9514e4efded663580eddd6991fcc12b5451.min.js"});

        };
        scriptFallback.async = true;
        scriptFallback.src = '//epicreads.com/cdn/s/trekkie.storefront.a804e9514e4efded663580eddd6991fcc12b5451.min.js';
        first.parentNode.insertBefore(scriptFallback, first);
      };
      script.async = true;
      script.src = '//epicreads.com/cdn/s/trekkie.storefront.a804e9514e4efded663580eddd6991fcc12b5451.min.js';
      first.parentNode.insertBefore(script, first);
    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":93022585123,"isMerchantRequest":null,"themeId":177729405219,"themeCityHash":"14823032713624368332","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["65f19447"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"e40a7b3f-d562-447e-8218-850e645bad59-1769479614","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });


        var eventsListenerScript = document.createElement('script');
        eventsListenerScript.async = true;
        eventsListenerScript.src = "//epicreads.com/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
        document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);

})();</script>
<script
  defer
  src="https://epicreads.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.0.4.min.js"
  data-application="storefront-renderer"
  data-shop-id="93022585123"
  data-render-region="gcp-us-west1"
  data-page-type="index"
  data-theme-instance-id="177729405219"
  data-theme-name=""
  data-theme-version=""
  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://epicreads.com/api/collect"
></script>
</head>
  <body class="epic-body text-epic-black font-figtree "><div id="shopify-section-header" class="shopify-section">


<div class="headerTemplate ">
  

  <div class="header-nav containter flex text-center">
    
    
  </div>
  
    



















<div class="bg-bright-teal announcement_bar  desktop hidden lg:block">
    <div class="message1">
        <a href="https://shop.epicreads.com/pages/read-what-you-love" aria-label="Shop Now">
        <div class="text-center py-2">
            <p class="epic-announcement-message inline-block m-0 text-dark-charcoal">
                 <b>Extra 15%</b> off 2+ books with code <b>LOVEBOOKS</b>
                 <span class="underline">Shop Now</span>
            </p> 
        </div>
    </a>
    </div>
    
    <div class="message2 hidden">
        <a href="https://shop.epicreads.com/pages/rewards" aria-label="Join Our Loyalty Program">
        <div class="text-center py-2">
            <p class="epic-announcement-message inline-block m-0 text-dark-charcoal">
                 Get Rewarded —
                 <span class="underline">Join Our Loyalty Program</span>
            </p> 
        </div>
        </a>
    </div>
</div>



<div class="bg-bright-teal announcement_bar mobile  lg:hidden">
    <div class="message1">
        <a href="https://shop.epicreads.com/pages/read-what-you-love" aria-label="Shop Now">
        <div class="text-center py-2">
            <p class="epic-announcement-message inline-block m-0 text-dark-charcoal">
                 <b>Extra 15%</b> off 2+ books with code <b>LOVEBOOKS</b>
                 <span class="underline">Shop Now</span>
            </p> 
        </div>
        </a>
    </div>
    <div class="message2 hidden">
    <a href="https://shop.epicreads.com/pages/rewards" aria-label="Join Our Loyalty Program">
        <div class="text-center py-2">
            <p class="epic-announcement-message inline-block m-0 text-dark-charcoal">
                 Get Rewarded —
                 <span class="underline">Join Our Loyalty Program</span>
            </p> 
        </div>
        </a>
    </div>
</div>


  
  

  <div class="main-header">
    <div class="flex container py-2">
      <div class="header-hamburger block w-16 md:hidden">
        <button type="button" class="hamburger_icon inline-block cursor-pointer" aria-label="Open menu" aria-expanded="false">
          
            <?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>menu</title>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M---Header" transform="translate(-24.000000, -543.000000)">
            <g id="Global-Header/mobile-Copy" transform="translate(0.000000, 488.000000)">
                <rect id="Rectangle" fill="#1D2225" x="0" y="34" width="375" height="122"></rect>
                <g id="menu" transform="translate(24.000000, 55.000000)" fill="#ffffff">
                    <rect id="Rectangle" x="0" y="0" width="20" height="2" rx="1"></rect>
                    <rect id="Rectangle" x="0" y="9" width="20" height="2" rx="1"></rect>
                    <rect id="Rectangle" x="0" y="18" width="20" height="2" rx="1"></rect>
                </g>
            </g>
        </g>
    </g>
</svg>
          
        </button>
      </div>

      <div class="header-logo-cols"><h1 class="header__heading"><a href="https://epicreads.com"><img src="//epicreads.com/cdn/shop/files/EpicReads_2025_Horizontal_Color_White-cropped.png?v=1768483227" alt="Epic Reads" srcset="//epicreads.com/cdn/shop/files/EpicReads_2025_Horizontal_Color_White-cropped.png?v=1768483227&amp;width=50 50w, //epicreads.com/cdn/shop/files/EpicReads_2025_Horizontal_Color_White-cropped.png?v=1768483227&amp;width=100 100w, //epicreads.com/cdn/shop/files/EpicReads_2025_Horizontal_Color_White-cropped.png?v=1768483227&amp;width=150 150w, //epicreads.com/cdn/shop/files/EpicReads_2025_Horizontal_Color_White-cropped.png?v=1768483227&amp;width=200 200w, //epicreads.com/cdn/shop/files/EpicReads_2025_Horizontal_Color_White-cropped.png?v=1768483227&amp;width=250 250w, //epicreads.com/cdn/shop/files/EpicReads_2025_Horizontal_Color_White-cropped.png?v=1768483227&amp;width=300 300w, //epicreads.com/cdn/shop/files/EpicReads_2025_Horizontal_Color_White-cropped.png?v=1768483227&amp;width=400 400w, //epicreads.com/cdn/shop/files/EpicReads_2025_Horizontal_Color_White-cropped.png?v=1768483227&amp;width=500 500w" width="200" height="37.6" class="header__heading-logo">
</a></h1></div>

      <div class="middle_cols">
        <form action="/search">
          <label class="sr-only" for="header-search" >Search</label>
          <input class="focus:border-light-charcoal active:border-light-charcoal search-input epic-search-input"
            type="search"
            placeholder="Search our store..."
            name="q"
            id="header-search"
            value=""
            style="border-radius: 0; -webkit-appearance: none;">
          <button type="reset" value="Reset" aria-label="Reset">
            
              <svg height="23px" viewBox="0 0 329.26933 329" width="23px" xmlns="http://www.w3.org/2000/svg">
    <path fill="#ffffff" d="m194.800781 164.769531 128.210938-128.214843c8.34375-8.339844 8.34375-21.824219 0-30.164063-8.339844-8.339844-21.824219-8.339844-30.164063 0l-128.214844 128.214844-128.210937-128.214844c-8.34375-8.339844-21.824219-8.339844-30.164063 0-8.34375 8.339844-8.34375 21.824219 0 30.164063l128.210938 128.214843-128.210938 128.214844c-8.34375 8.339844-8.34375 21.824219 0 30.164063 4.15625 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921875-2.089844 15.082031-6.25l128.210937-128.214844 128.214844 128.214844c4.160156 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921874-2.089844 15.082031-6.25 8.34375-8.339844 8.34375-21.824219 0-30.164063zm0 0"/>
</svg>
            
          </button>
          <button type="submit" value="Search" aria-label="Search">
            
              <svg width="23px" height="22px" viewBox="0 0 23 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false">
  <title>Search</title>
  <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
    <g id="Global-Header/desktop" transform="translate(-861.000000, -110.000000)">
      <rect id="Rectangle" fill="transparent" x="0" y="72" width="1440" height="151"></rect>
      <g id="search" transform="translate(394.000000, 96.000000)">
        <rect id="Rectangle" stroke="transparent" fill="transparent" x="0.5" y="0.5" width="501" height="47"></rect>
        <g id="search-icon" transform="translate(468.500000, 15.000000)" stroke="#ffffff" stroke-width="1.25">
            <circle id="Oval" cx="7.5" cy="7.5" r="7.5"></circle>
            <path d="M12.9535728,11.3191804 C14.5865672,11.6952811 16.2893147,11.6400873 17.8945244,11.1590217 L18.0798542,11.1034802 L18.0798542,11.1034802 L18.02236,16.6484955 C18.0080015,18.0333061 16.8813249,19.1483611 15.4964399,19.1483611 C14.1135193,19.1483611 12.9903236,18.0312984 12.9827519,16.6483986 L12.9535728,11.3191804 L12.9535728,11.3191804 Z" id="Rectangle" transform="translate(15.516714, 15.125921) rotate(-45.000000) translate(-15.516714, -15.125921) "></path>
        </g>
      </g>
    </g>
  </g>
</svg>

            
            <span hidden>Search</span></button>
        </form>
      </div>

      <div class="header-right-cols">
        <ul>
          <li>
            <a href="/account">
              
                <svg aria-hidden="true" width="15px" height="20px" viewBox="0 0 15 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Login Icon">
  <title>Login Icon</title>
  <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
    <g id="Global-Header/desktop" transform="translate(-965.000000, -110.000000)">
      <rect id="Rectangle" fill="#1D2225" x="0" y="72" width="1440" height="151"></rect>
      <g class="epic-account-icon" id="account/wishlist/cart" transform="translate(965.000000, 108.000000)" fill="#ffffff" fill-rule="nonzero">
        <g id="count" transform="translate(0.000000, 2.000000)">
          <path d="M9.45491512,2.22485028 C10.0418215,3.41590499 9.55253468,4.59279332 8.87576674,5.6428134 C7.88837215,7.1747752 6.58790609,6.00158103 5.98199026,4.86612955 C5.41288613,3.79966009 4.93229804,1.91736907 6.43639121,1.33463167 C7.46965515,0.93430996 8.91208592,1.30716297 9.48351326,2.21197841 C9.89637788,2.86571944 10.9748838,2.26989592 10.560122,1.61314962 C9.5993939,0.091905866 7.34378529,-0.413074683 5.6801829,0.354832263 C3.70417181,1.26694511 4.00865228,3.70988572 4.81762345,5.30263648 C5.60458821,6.85205953 7.4674002,8.41335472 9.257949,7.19897212 C10.0254314,6.67845185 10.4840412,5.40596469 10.7867369,4.59329121 C11.1646353,3.57871769 11.0018088,2.58040952 10.5315239,1.62602149 C10.1911338,0.935240829 9.1159255,1.53691096 9.45491512,2.22485028 L9.45491512,2.22485028 Z" id="Path"></path>
          <path d="M4.51574621,10.6185555 C6.99271669,10.6020829 12.3601876,9.57336722 13.3798464,12.1656411 C13.8384234,13.331478 13.5902402,15.0384335 13.6003035,16.2795687 C13.6160004,18.2153256 13.5981864,18.6742201 11.3248383,18.6741899 C9.89521417,18.6741718 8.46559053,18.6741517 7.0359669,18.6741336 C5.84504449,18.6741175 3.25277341,19.194676 2.21098642,18.6740712 C1.02298361,18.080397 1.44174023,16.4761512 1.44154455,15.381159 C1.44143699,14.7787306 1.28023124,13.7659684 1.44527432,13.1601827 C1.72954365,12.1167786 3.32856759,10.7343503 4.55836004,10.6740602 C5.35674101,10.6349195 5.36162524,9.44822182 4.55836004,9.48760088 C2.90358565,9.56872458 0.968692894,9.83980486 0.334231231,11.5536438 C0.0034320584,12.4472156 0.196277128,13.575165 0.195182626,14.4927669 C0.193735297,15.7061568 -0.257188305,17.900983 0.216633174,19.0135622 C0.852981219,20.5077702 2.86974801,19.8605385 4.35542212,19.8605586 C6.14245179,19.8605808 7.92948145,19.8606049 9.71651112,19.860627 C11.1770143,19.8606471 12.9336178,20.1292592 14.3516641,19.797217 C14.5619511,19.7479763 14.7292876,19.5780548 14.7870842,19.3828824 C15.2119442,17.9481538 14.8777035,16.0021782 14.8307228,14.5047919 C14.7902857,13.2159367 14.886527,11.4340954 14.0210762,10.3276072 C13.5050293,9.66783749 12.9348904,9.47417569 12.0917351,9.39014532 C9.6313774,9.14493961 6.99100126,9.41563463 4.51574621,9.43209515 C3.71374597,9.43742883 3.71193302,10.6239002 4.51574621,10.6185555 L4.51574621,10.6185555 Z" id="Path"></path>
        </g>
      </g>
    </g>
  </g>
</svg>

              
              <span>Login</span>
            </a>
          </li><li class="hide_mobile">
              <a href="/pages/rewards">
                
                  <svg aria-hidden="true" width="24px" height="22px" viewBox="0 0 24 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Rewards Icon">
  <title>Rewards Icon</title>
  <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
    <g class="epic-rewards-icon" id="1024-Nav-Rewards" transform="translate(-848.000000, -116.000000)" fill="#FFFFFF">
      <g id="Rewards-icon" transform="translate(848.000000, 116.000000)">
        <path d="M15.7038384,13.2785974 C15.5421441,13.3972057 15.5017205,13.6739583 15.5421441,13.8716387 C16.0676505,15.8484431 16.7144276,17.9043198 17.0782398,19.9601964 C15.2591791,18.5368972 13.3592712,17.1926702 11.4593634,15.8484431 C11.2976691,15.7298349 10.9742805,15.7298349 10.7721627,15.8484431 C8.91267841,17.0740619 7.05319414,18.2601446 5.1532863,19.4462272 C5.31498058,18.5764333 5.47667487,17.7066393 5.59794558,16.8368454 C5.75963986,15.8484431 6.20429915,14.5832883 6.123452,13.55535 C6.08302843,12.8041643 5.47667487,12.2901952 4.95116844,11.6971538 C4.02142631,10.5901434 3.09168417,9.52266896 2.12151846,8.45519456 C4.14269702,8.61333892 6.20429915,8.65287501 8.2254777,8.77148327 C8.71056056,8.81101936 8.91267841,8.29705021 8.75098413,7.94122541 C9.76157341,5.8853488 10.8530098,3.82947218 11.8635991,1.77359557 C12.4699527,3.7899361 12.9954591,5.8853488 13.5209655,7.94122541 C13.5613891,8.17844194 13.8039305,8.29705021 14.0060484,8.29705021 C16.3101919,8.41565847 18.8164533,8.45519456 21.1205969,8.96916372 C19.3823833,10.431999 17.5633226,11.8552982 15.7038384,13.2785974 M16.7952748,13.990247 C16.6740041,14.0693192 16.4718862,13.990247 16.7952748,13.990247 C16.7548512,13.990247 16.7548512,13.990247 16.7952748,13.990247 M22.6566926,8.17844194 C20.069584,7.42725626 17.1995105,7.42725626 14.5315548,7.30864799 C13.9252012,4.97601876 13.3188477,2.64338952 12.5507998,0.350296379 C12.4295291,-0.0055284192 11.8635991,-0.163672774 11.6614812,0.231688113 C10.4891977,2.64338952 9.35733769,5.13416311 8.18505413,7.54586452 C5.67879272,7.42725626 3.09168417,7.34818408 0.625846331,7.03189537 C0.019492764,6.95282319 -0.182625092,7.74354497 0.181187048,8.09936976 C1.47474132,9.44359678 2.64702489,10.866896 3.85973202,12.2506591 C4.14269702,12.5669478 4.50650916,13.2390613 4.8703213,13.5158139 C4.42566202,14.3856079 4.46608559,15.9275153 4.3043913,16.8763815 C4.10227345,18.1415363 3.90015559,19.367155 3.65761417,20.6323099 C3.57676702,21.146279 4.10227345,21.6997843 4.62777987,21.3834956 C6.123452,20.4741655 7.57870056,19.4857633 9.0743727,18.5368972 C9.68072626,18.1415363 10.367927,17.7857115 10.933857,17.3508145 C10.933857,17.3508145 11.0551277,17.2717423 11.1359748,17.2322063 C11.4189398,17.4694228 11.9040227,17.7066393 12.0252934,17.8252476 C12.631647,18.2996806 13.2784241,18.7345776 13.8847777,19.1694746 C15.0974848,20.0392686 16.3101919,20.9485986 17.5228991,21.8579286 C17.8867112,22.1346813 18.6951826,22.016073 18.6143355,21.4230317 C18.4526412,20.0788046 18.0888291,18.7345776 17.7654405,17.4298867 C17.4824755,16.3624123 17.3612048,14.9786492 16.9165455,13.9111748 C17.0378162,13.8321026 17.2399341,13.6344222 17.2803576,13.5948861 C17.8867112,13.120453 18.4526412,12.64602 19.0589948,12.1715869 C20.352549,11.1436486 21.6461033,10.1157103 22.9396576,9.08777198 C23.2630462,8.85055545 23.0609283,8.29705021 22.6566926,8.17844194" id="Fill-1"></path>
      </g>
    </g>
  </g>
</svg>

                
                <span>Rewards</span>
              </a>
            </li><li class="hide_mobile border-r border-light-grey">
              <a href="/a/wishlist">
                
                  <svg aria-hidden="true" class="wishlist-icon" width="21px" height="20px" viewBox="0 0 21 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Wishlist Icon">
  <title>Wishlist Icon</title>
  <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
    <g id="Global-Header/desktop" transform="translate(-1074.000000, -110.000000)">
      <rect id="Rectangle" fill="#1D2225" x="0" y="72" width="1440" height="151"></rect>
      <g class="epic-wishlist-icon" id="account/wishlist/cart" transform="translate(965.000000, 108.000000)" fill="#FFFFFF" fill-rule="nonzero">
        <g id="wishlist" transform="translate(109.000000, 2.000000)">
          <path d="M4.59446525,15.0592518 C4.35787233,14.8058201 4.11899716,14.5547278 3.88012198,14.3020759 C2.94287927,13.3133024 1.97292435,12.2917777 1.15283697,11.1618623 C-0.388440417,9.03849463 -0.27661032,5.50058826 0.852341132,3.75541866 C1.94097289,2.07497162 3.25098259,1.11037162 4.74737579,0.888911314 C6.56480505,0.617544459 8.62871697,1.4636164 10.8797731,3.3998345 C11.1209306,3.60725859 11.152882,3.97531939 10.9505228,4.22329255 C10.7481636,4.4712657 10.3883293,4.50401688 10.1464111,4.295813 C8.15477037,2.58495415 6.39287579,1.83089741 4.91093682,2.04689918 C3.75003391,2.21923273 2.70476484,3.01149918 1.80403808,4.4026442 C0.920808539,5.76649658 0.842451396,8.77414588 2.06877872,10.4623908 C2.84474265,11.5314827 3.78731061,12.5257147 4.69944861,13.4864157 C4.94060603,13.7406272 5.18176345,13.9948387 5.42063862,14.2506097 C5.92425443,14.7910041 4.66901865,15.1395701 4.59446525,15.0592518 Z" id="Path"></path>
          <path d="M11.1551643,20 C10.8432572,20 10.5305894,19.8986273 10.2764992,19.6912032 C9.42902488,19.0049882 8.56633556,18.3413871 7.74092294,17.7050786 C6.81280921,16.9900113 5.93642641,16.3154931 5.16959147,15.6776251 C4.9246303,15.4740999 4.8873536,15.1060391 5.08590908,14.854167 C5.28370381,14.6038545 5.64353807,14.5656448 5.88849923,14.7683902 C6.63935845,15.3930018 7.50813376,16.0612817 8.4271185,16.7693308 C9.25937786,17.410318 10.1289139,18.0809373 10.9839957,18.7726108 C11.0866969,18.8552686 11.2647121,18.8451313 11.3582842,18.7507767 C11.8383168,18.2626283 12.3533439,17.7588841 12.8866289,17.2364249 C14.7071011,15.451486 16.7702523,13.4287113 18.4089056,11.1330101 C20.313821,8.46300975 20.3556622,5.49590952 18.5222572,2.99278422 C18.3328307,2.7346738 18.3845616,2.3673928 18.6363695,2.17400492 C18.8889382,1.98061705 19.2457294,2.03208318 19.4351559,2.2901936 C21.5584063,5.1910117 21.5188473,8.75465114 19.3294118,11.823124 C17.6314201,14.2038223 15.52871,16.264027 13.6740041,18.0817171 C13.1460443,18.5994975 12.6363425,19.0993428 12.1608744,19.5820327 C11.889287,19.8596378 11.522606,20 11.1551643,20 Z" id="Path"></path>
          <path d="M10.5138529,4.63736093 C10.4940734,4.63736093 10.4735332,4.63658114 10.452993,4.63424178 C10.1395644,4.59993102 9.91210047,4.31218858 9.94557342,3.99091518 C10.1197849,2.30033087 10.964977,1.02615432 12.3251962,0.403102261 C14.0657898,-0.396182295 16.4385658,0.0147669355 18.3723896,1.44412166 C18.6280013,1.63283079 18.6858182,1.99855221 18.5009562,2.26056159 C18.3160942,2.52335076 17.9593029,2.58261478 17.704452,2.39312586 C16.095468,1.2039464 14.1684909,0.841344135 12.7915353,1.47063451 C11.8040831,1.9229126 11.2122204,2.83682626 11.0806109,4.11412197 C11.0494202,4.41434105 10.8021767,4.63736093 10.5138529,4.63736093 Z" id="Path"></path>
        </g>
      </g>
    </g>
  </g>
</svg>
                
                
                  <svg aria-hidden="true" class="wishlist-icon-full hidden" width="21px" height="20px" viewBox="0 0 21 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Wishlist Icon">
  <title>Wishlist Icon</title>
  <g id="PDP" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
    <g id="D---PDP---Buy-Box" transform="translate(-548.000000, -1922.000000)" fill="#ffffff">
      <g id="buy-box" transform="translate(120.000000, 1530.000000)">
        <path d="M438.955579,395.709678 C440.18385,393.274649 441.89002,392.269538 444.074087,392.694345 C447.350189,393.331556 449.431668,396.55785 449.431668,397.843728 C449.431668,398.762427 450.293159,400.509705 446.651642,405.140776 C445.19623,406.991685 442.578984,409.329196 439.57799,412.218806 C435.215954,409.460738 429.957021,403.905638 429.322446,402.409249 C428.687871,400.91286 427.776782,396.145009 431.770093,393.977382 C434.4323,392.532297 436.827462,393.109729 438.955579,395.709678 Z" id="Path-3"></path>
      </g>
    </g>
  </g>
</svg>
                
                <span>Wishlist</span>
              </a>
            </li><li>
            <a href="/cart">
              
                <svg aria-hidden="true" width="21px" height="22px" viewBox="0 0 21 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="cart - 0 items">
  <title>Cart Icon</title>
  <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
    <g id="Global-Header/desktop" transform="translate(-1217.000000, -109.000000)">
      <rect id="Rectangle" fill="#1D2225" x="0" y="72" width="1440" height="151"></rect>
      <g id="account/wishlist/cart" transform="translate(965.000000, 108.000000)" fill="#ffffff" fill-rule="nonzero" stroke="#ffffff" stroke-width="0.3">
        <g id="cart" transform="translate(253.000000, 2.000000)">
          <path d="M0.427064939,0.886992971 C1.5972028,0.885879103 2.30544293,0.470367198 2.61225382,1.884694 C2.75919321,2.5620496 2.68456883,3.3519388 2.71657264,4.05019497 C2.79062625,5.66588445 2.81215425,7.29375087 2.95279887,8.90529876 C3.02479718,9.7302722 2.9906406,11.1519858 3.57290356,11.7878382 C4.12717129,12.3931196 5.45114176,12.0614629 6.16332724,12.0593863 C7.97745282,12.0540962 9.79158745,12.0549384 11.605707,12.0619122 C12.5127046,12.0653995 13.4199188,12.0658809 14.3268602,12.076879 C14.761053,12.0743637 15.195057,12.0816659 15.6288765,12.0987858 C16.1441714,13.5991558 15.9339237,14.2948459 14.9981363,14.1858556 C14.282302,14.4260153 13.100684,14.2190529 12.3425462,14.2323166 C11.4573502,14.2478046 10.5721535,14.263291 9.68695676,14.2787775 C7.7901063,14.3119643 5.89325662,14.3451512 3.99640656,14.378338 C3.42805991,14.3882808 3.4262591,15.27299 3.99640656,15.2630994 C6.14616988,15.2254042 8.29593357,15.1877927 10.4456961,15.1501812 C12.2417094,15.1187597 14.2287458,15.3148598 16.0059497,15.0273107 C17.6706797,14.75796 18.7151812,12.7487703 17.0665683,11.6316236 C15.9275281,10.8597789 14.0351803,11.1891093 12.771922,11.1824692 C10.5690784,11.1708907 8.36619143,11.1682846 6.16332685,11.1747087 C4.72116626,11.1789137 4.0905524,10.9552859 3.9039922,9.47310303 C3.7677756,8.39089353 3.7494714,7.29419651 3.69955768,6.20518872 C3.60979376,4.24673545 3.62833477,2.25831936 3.28547395,0.324747944 C3.25205843,0.136297902 3.03994206,-0.000171936721 2.85916021,0 C2.04846173,0.000771876815 1.2377633,0.00154355172 0.427064939,0.00231522663 C-0.141860342,0.00285676737 -0.142849403,0.887535495 0.427064939,0.886992971 L0.427064939,0.886992971 Z" id="Path"></path>
          <path d="M14.0010519,17.3712693 C14.3791284,17.481809 14.6686837,18.0335492 14.6367916,18.4189818 C14.5969227,18.90084 13.941651,19.1695444 13.5195905,19.1026443 C12.6710142,18.9681361 13.0037619,17.102253 13.8568387,17.3482623 C14.4046374,17.5062364 14.6385321,16.6528241 14.0918982,16.495186 C12.1084387,15.9231987 11.3426832,19.562328 13.2546282,19.9629336 C14.111697,20.1425138 15.2050457,19.6568533 15.4639172,18.7817869 C15.7226867,17.907064 15.1030385,16.7716598 14.23611,16.518193 C13.6888389,16.358185 13.4551136,17.2116513 14.0010519,17.3712693 L14.0010519,17.3712693 Z" id="Path"></path>
          <path d="M6.97993811,17.3078714 C7.34751333,17.5482531 7.66883636,17.9522665 7.51993614,18.4187193 C7.37160409,18.8833902 6.97815715,19.0836495 6.50544383,18.9284727 C6.11343682,18.7997902 6.10866812,18.0237998 6.14068922,17.6766237 C6.17024049,17.3562253 6.30883134,17.3394399 6.6111441,17.3031978 C6.83588299,17.2762551 7.07881438,17.2998575 7.30466038,17.3052992 C7.87387014,17.3190113 7.87362956,16.4343275 7.30466038,16.4206214 C6.41867814,16.3992778 5.43434536,16.3557462 5.28002734,17.4461249 C5.1653279,18.256565 5.30470727,19.5589278 6.25834115,19.783424 C6.62932235,19.8707572 7.18680229,19.9128519 7.54335227,19.7609464 C7.89048557,19.6130517 8.14172653,19.1864228 8.29010581,18.8584499 C8.70051594,17.9512886 8.19651989,17.0477301 7.42621751,16.5439778 C6.94851219,16.2315753 6.50495063,16.9972449 6.97993811,17.3078714 L6.97993811,17.3078714 Z" id="Path"></path>
          <path d="M3.34168669,4.10213468 C8.41294847,4.11658885 13.4842095,4.13104339 18.5554717,4.14549796 C18.4081028,3.99805167 18.2607339,3.85060538 18.1133651,3.70315909 C17.9619456,4.89971204 16.7730344,5.80701992 16.2821661,6.87772703 C15.6741015,8.20407244 15.6979195,9.81010595 15.2811238,11.2103605 C15.1183665,11.7571562 15.9714612,11.9907696 16.1337523,11.4455427 C16.6660576,9.65722251 16.6696885,7.86553725 17.7007475,6.26502864 C18.2504006,5.41180606 18.8680114,4.72702542 18.9975784,3.70315909 C19.0277195,3.46497816 18.7705825,3.26143332 18.5554717,3.26082022 C13.4842099,3.24636564 8.41294851,3.23191111 3.34168669,3.2174547 C2.77267255,3.21583479 2.77187016,4.10051029 3.34168669,4.10213468 L3.34168669,4.10213468 Z" id="Path"></path>
        </g>
      </g>
    </g>
  </g>
</svg>

              
              <span>Cart</span>
              <span class="cart_count empty">0</span>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>

  <div class="navigation overflow-x-hidden md:overflow-x-visible">
    <div class="container">
      <nav role="navigation">
        <div class="header-logo-cols display-none md:inline-block show_on_scroll">
          <a href="https://epicreads.com"><img src="//epicreads.com/cdn/shop/files/EpicReads_2025_Horizontal_Color_White-cropped.png?v=1768483227" alt="Epic Reads" srcset="//epicreads.com/cdn/shop/files/EpicReads_2025_Horizontal_Color_White-cropped.png?v=1768483227&amp;width=50 50w, //epicreads.com/cdn/shop/files/EpicReads_2025_Horizontal_Color_White-cropped.png?v=1768483227&amp;width=100 100w, //epicreads.com/cdn/shop/files/EpicReads_2025_Horizontal_Color_White-cropped.png?v=1768483227&amp;width=150 150w, //epicreads.com/cdn/shop/files/EpicReads_2025_Horizontal_Color_White-cropped.png?v=1768483227&amp;width=200 200w, //epicreads.com/cdn/shop/files/EpicReads_2025_Horizontal_Color_White-cropped.png?v=1768483227&amp;width=250 250w, //epicreads.com/cdn/shop/files/EpicReads_2025_Horizontal_Color_White-cropped.png?v=1768483227&amp;width=300 300w, //epicreads.com/cdn/shop/files/EpicReads_2025_Horizontal_Color_White-cropped.png?v=1768483227&amp;width=400 400w, //epicreads.com/cdn/shop/files/EpicReads_2025_Horizontal_Color_White-cropped.png?v=1768483227&amp;width=500 500w" width="200" height="37.6" class="header__heading-logo">
</a>
        </div>

        <ul>
          <li class="hidden menu_top_bar"><button type="button" class="close_icons" aria-label="Close menu"><svg height="23px" viewBox="0 0 329.26933 329" width="23px" xmlns="http://www.w3.org/2000/svg">
    <path d="m194.800781 164.769531 128.210938-128.214843c8.34375-8.339844 8.34375-21.824219 0-30.164063-8.339844-8.339844-21.824219-8.339844-30.164063 0l-128.214844 128.214844-128.210937-128.214844c-8.34375-8.339844-21.824219-8.339844-30.164063 0-8.34375 8.339844-8.34375 21.824219 0 30.164063l128.210938 128.214843-128.210938 128.214844c-8.34375 8.339844-8.34375 21.824219 0 30.164063 4.15625 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921875-2.089844 15.082031-6.25l128.210937-128.214844 128.214844 128.214844c4.160156 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921874-2.089844 15.082031-6.25 8.34375-8.339844 8.34375-21.824219 0-30.164063zm0 0"/>
</svg></button></li>
          

          
            

            
              
              
              
                
                
                

            <li
              class="main-nav__item
               
              
                hasMega unset lg:relative
              
              
                hasMega unset lg:relative
               
              
                hasMega unset lg:relative
               
              
                hasMega unset lg:relative
               
              "
              data-item="romance">
              <a class="main-nav__link" href="/pages/romance">
                Romance
                
                  
                    <span class="hide_desktops inner_menu_icon"><?xml version="1.0" encoding="UTF-8"?>
<svg aria-hidden="true" width="10px" height="18px" viewBox="0 0 10 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Path 5</title>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M---Nav" transform="translate(-318.000000, -123.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="351" height="667"></rect>
            <polyline id="Path-5" stroke="#23262A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="319 124 327 132 319 140"></polyline>
        </g>
    </g>
</svg></span>
                  
                
                
                  
                    <span class="hide_desktops inner_menu_icon"><?xml version="1.0" encoding="UTF-8"?>
<svg aria-hidden="true" width="10px" height="18px" viewBox="0 0 10 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Path 5</title>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M---Nav" transform="translate(-318.000000, -123.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="351" height="667"></rect>
            <polyline id="Path-5" stroke="#23262A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="319 124 327 132 319 140"></polyline>
        </g>
    </g>
</svg></span>
                  
                 
                
                  
                    <span class="hide_desktops inner_menu_icon"><?xml version="1.0" encoding="UTF-8"?>
<svg aria-hidden="true" width="10px" height="18px" viewBox="0 0 10 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Path 5</title>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M---Nav" transform="translate(-318.000000, -123.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="351" height="667"></rect>
            <polyline id="Path-5" stroke="#23262A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="319 124 327 132 319 140"></polyline>
        </g>
    </g>
</svg></span>
                  
                 
                
                  
                    <span class="hide_desktops inner_menu_icon"><?xml version="1.0" encoding="UTF-8"?>
<svg aria-hidden="true" width="10px" height="18px" viewBox="0 0 10 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Path 5</title>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M---Nav" transform="translate(-318.000000, -123.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="351" height="667"></rect>
            <polyline id="Path-5" stroke="#23262A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="319 124 327 132 319 140"></polyline>
        </g>
    </g>
</svg></span>
                  
                 
                  
              </a>
                  
                  
                  
                  
                  
                  

                  <div class="subnav col-size-4 w-full romance menu-2 absolute translateX-50 lg:transform-none">
                    <div class="hide_desktops menu_top_bar text_justify">
                      <button type="button" class="menu_back_icon" aria-label="Go back"><?xml version="1.0" encoding="UTF-8"?>
<svg width="10px" height="18px" viewBox="0 0 10 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Path 5</title>
    <defs>
        <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-1">
            <stop stop-color="#F3CA32" offset="0%"></stop>
            <stop stop-color="#89BDA4" offset="100%"></stop>
        </linearGradient>
    </defs>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M---Nav-(New-&amp;-Popular)" transform="translate(-23.000000, -17.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="351" height="1200"></rect>
            <polyline id="Path-5" stroke="#23262A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" transform="translate(28.000000, 26.000000) scale(-1, 1) translate(-28.000000, -26.000000) " points="24 18 32 26 24 34"></polyline>
        </g>
    </g>
</svg></button>
                      <div class="menu_title">
                        <a href="/pages/romance">Romance</a>
                      </div>
                      <button type="button" class="close_icons" aria-label="Close menu"><svg height="23px" viewBox="0 0 329.26933 329" width="23px" xmlns="http://www.w3.org/2000/svg">
    <path d="m194.800781 164.769531 128.210938-128.214843c8.34375-8.339844 8.34375-21.824219 0-30.164063-8.339844-8.339844-21.824219-8.339844-30.164063 0l-128.214844 128.214844-128.210937-128.214844c-8.34375-8.339844-21.824219-8.339844-30.164063 0-8.34375 8.339844-8.34375 21.824219 0 30.164063l128.210938 128.214843-128.210938 128.214844c-8.34375 8.339844-8.34375 21.824219 0 30.164063 4.15625 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921875-2.089844 15.082031-6.25l128.210937-128.214844 128.214844 128.214844c4.160156 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921874-2.089844 15.082031-6.25 8.34375-8.339844 8.34375-21.824219 0-30.164063zm0 0"/>
</svg></button>
                    </div>

                    <div class="nav-featured">
                      <div class="menu_cols w-full block md+:flex md+:flex-nowrap md+:justiy-center col-size-4">
                        
                          <div class="multi_menu_cols menu_col second_cols">
                            
                              
                                <h2 class="text-p-epic font-figtree text-epic-black">Popular Genres</h2>
                              
                            
                            
                            <ul >
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/contemporary-romance">Contemporary</a></li>
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/historical-romance">Historical Romance</a></li>
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/rom-com">Rom-Com</a></li>
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/sports-romance">Sports Romance</a></li>
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/sweet-romance">Sweet Romance</a></li>
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/holiday">Holiday</a></li>
                              
                              
                                <span class="h4 hide_desktop_ver"><a href="/pages/romance">Shop All Romance</a></span>
                              
                              
                                <span class="h4 hide_mobile_ver"><a class="epic-sub-menu-cta  uppercase" href="/pages/romance">Shop All Romance</a></span>
                              
                            </ul>
                          </div>
                        

                        
                          
                            <div class="multi_menu_cols menu_col second_cols">
                              
                                
                                  <h2>Popular Tropes</h2>
                                
                              
                              
                              <ul >
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/romance-friends-to-lovers">Friends-to-Lovers</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/romance-enemies-to-lovers">Enemies-to-Lovers</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/romance-grumpy-sunshine">Grumpy/Sunshine</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/romance-forced-proximity">Forced Proximity</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/romance-second-chance-romance">Second-Chance Romance</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/romance-fake-dating">Fake Dating</a></li>
                                
                                
                                
                              </ul>
                            </div>
                          

                          
                            <div class="multi_menu_cols menu_col second_cols">
                              
                                
                                  <h2>Popular Authors</h2>
                                
                              
                              
                              <ul >
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/alex-aster">Alex Aster</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/tessa-bailey">Tessa Bailey</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/elise-bryant">Elise Bryant</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/ally-carter">Ally Carter</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/abigail-hing-wen">Abigail Hing Wen</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/yulin-kuang">Yulin Kuang</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/alex-light">Alex Light</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/julie-murphy-sierra-simone">Julie Murphy / Sierra Simone</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/axie-oh">Axie Oh</a></li>
                                
                                
                                
                              </ul>
                            </div>
                          

                          
                            <div class="multi_menu_cols menu_col second_cols">
                              
                                
                                  <h2>Popular Series</h2>
                                
                              
                              
                              <ul >
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/an-xoxo-novel-series">XOXO</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/loveboat-series">Loveboat</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/the-lady-janies-series">The Lady Janies</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/the-darling-devils-series">The Darling Devils</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/bridgerton">Bridgerton </a></li>
                                
                                
                                
                              </ul>
                            </div>
                          

                          
                        
                      </div>
                    </div>
                  </div>
                
              
            </li>

          
            

            
              
              
              
            
              
              
              
                
                
                

            <li
              class="main-nav__item
               
              
                hasMega unset
              
              
                hasMega unset
               
              
                hasMega unset
               
              
                hasMega unset
               
              "
              data-item="romantasy">
              <a class="main-nav__link" href="/pages/romantasy">
                Romantasy
                
                  
                    <span class="hide_desktops inner_menu_icon"><?xml version="1.0" encoding="UTF-8"?>
<svg aria-hidden="true" width="10px" height="18px" viewBox="0 0 10 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Path 5</title>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M---Nav" transform="translate(-318.000000, -123.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="351" height="667"></rect>
            <polyline id="Path-5" stroke="#23262A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="319 124 327 132 319 140"></polyline>
        </g>
    </g>
</svg></span>
                  
                
                
                  
                    <span class="hide_desktops inner_menu_icon"><?xml version="1.0" encoding="UTF-8"?>
<svg aria-hidden="true" width="10px" height="18px" viewBox="0 0 10 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Path 5</title>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M---Nav" transform="translate(-318.000000, -123.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="351" height="667"></rect>
            <polyline id="Path-5" stroke="#23262A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="319 124 327 132 319 140"></polyline>
        </g>
    </g>
</svg></span>
                  
                 
                
                  
                    <span class="hide_desktops inner_menu_icon"><?xml version="1.0" encoding="UTF-8"?>
<svg aria-hidden="true" width="10px" height="18px" viewBox="0 0 10 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Path 5</title>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M---Nav" transform="translate(-318.000000, -123.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="351" height="667"></rect>
            <polyline id="Path-5" stroke="#23262A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="319 124 327 132 319 140"></polyline>
        </g>
    </g>
</svg></span>
                  
                 
                
                  
                    <span class="hide_desktops inner_menu_icon"><?xml version="1.0" encoding="UTF-8"?>
<svg aria-hidden="true" width="10px" height="18px" viewBox="0 0 10 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Path 5</title>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M---Nav" transform="translate(-318.000000, -123.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="351" height="667"></rect>
            <polyline id="Path-5" stroke="#23262A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="319 124 327 132 319 140"></polyline>
        </g>
    </g>
</svg></span>
                  
                 
                  
              </a>
                  
                  
                  
                  
                  
                  

                  <div class="subnav col-size-4 w-full romantasy menu-2 absolute translateX-50">
                    <div class="hide_desktops menu_top_bar text_justify">
                      <button type="button" class="menu_back_icon" aria-label="Go back"><?xml version="1.0" encoding="UTF-8"?>
<svg width="10px" height="18px" viewBox="0 0 10 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Path 5</title>
    <defs>
        <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-1">
            <stop stop-color="#F3CA32" offset="0%"></stop>
            <stop stop-color="#89BDA4" offset="100%"></stop>
        </linearGradient>
    </defs>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M---Nav-(New-&amp;-Popular)" transform="translate(-23.000000, -17.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="351" height="1200"></rect>
            <polyline id="Path-5" stroke="#23262A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" transform="translate(28.000000, 26.000000) scale(-1, 1) translate(-28.000000, -26.000000) " points="24 18 32 26 24 34"></polyline>
        </g>
    </g>
</svg></button>
                      <div class="menu_title">
                        <a href="/pages/romantasy">Romantasy</a>
                      </div>
                      <button type="button" class="close_icons" aria-label="Close menu"><svg height="23px" viewBox="0 0 329.26933 329" width="23px" xmlns="http://www.w3.org/2000/svg">
    <path d="m194.800781 164.769531 128.210938-128.214843c8.34375-8.339844 8.34375-21.824219 0-30.164063-8.339844-8.339844-21.824219-8.339844-30.164063 0l-128.214844 128.214844-128.210937-128.214844c-8.34375-8.339844-21.824219-8.339844-30.164063 0-8.34375 8.339844-8.34375 21.824219 0 30.164063l128.210938 128.214843-128.210938 128.214844c-8.34375 8.339844-8.34375 21.824219 0 30.164063 4.15625 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921875-2.089844 15.082031-6.25l128.210937-128.214844 128.214844 128.214844c4.160156 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921874-2.089844 15.082031-6.25 8.34375-8.339844 8.34375-21.824219 0-30.164063zm0 0"/>
</svg></button>
                    </div>

                    <div class="nav-featured">
                      <div class="menu_cols w-full block md+:flex md+:flex-nowrap md+:justiy-center col-size-4">
                        
                          <div class="multi_menu_cols menu_col second_cols">
                            
                              
                                <h2 class="text-p-epic font-figtree text-epic-black">Popular Tropes</h2>
                              
                            
                            
                            <ul >
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/romantasy-enemies-to-lovers">Enemies-to-Lovers</a></li>
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/romantasy-forbidden-romance">Forbidden Romance</a></li>
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/romantasy-friends-to-lovers">Friends-to-Lovers</a></li>
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/romantasy-love-triangle">Love Triangle</a></li>
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/romantasy-marriage-of-convenience">Marriage of Convenience</a></li>
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/romantasy-starcrossed-lovers">Starcrossed Lovers</a></li>
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/romantasy-chosen-one">Chosen One</a></li>
                              
                              
                                <span class="h4 hide_desktop_ver"><a href="/pages/romantasy">Shop All Romantasy</a></span>
                              
                              
                                <span class="h4 hide_mobile_ver"><a class="epic-sub-menu-cta  uppercase" href="/pages/romantasy">Shop All Romantasy</a></span>
                              
                            </ul>
                          </div>
                        

                        
                          
                            <div class="multi_menu_cols menu_col second_cols">
                              
                                
                                  <h2>Popular Authors</h2>
                                
                              
                              
                              <ul >
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/e-b-asher">E. B. Asher</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/kiera-cass">Kiera Cass</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/thea-guanzon">Thea Guanzon</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/sophie-jordan">Sophie Jordan </a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/brigid-kemmerer">Brigid Kemmerer </a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/tahereh-mafi">Tahereh Mafi</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/shelby-mahurin">Shelby Mahurin</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/sarah-a-parker">Sarah A. Parker</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/rebecca-ross">Rebecca Ross</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/lexi-ryan">Lexi Ryan</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/sue-lynn-tan">Sue Lynn Tan</a></li>
                                
                                
                                  <span class="h4 hide_desktop_ver"><a href="/collections"></a></span>
                                
                                
                                  <span class="h4 hide_mobile_ver"><a class="epic-sub-menu-cta  uppercase" href="/collections"></a></span>
                                
                              </ul>
                            </div>
                          

                          
                            <div class="multi_menu_cols menu_col second_cols">
                              
                                
                                  <h2>Popular Series</h2>
                                
                              
                              
                              <ul >
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/this-woven-kingdom-series">This Woven Kingdom</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/the-selection-series">The Selection</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/shatter-me-series">Shatter Me</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/the-prison-healer-series">The Prison Healer</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/vampire-diaries-series">Vampire Diaries</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/the-hurricane-wars">The Hurricane Wars</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/tairen-soul">Tairen Soul</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/hidden-legacy">Hidden Legacy </a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/moonfall">Moonfall</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/elements-of-cadence">Elements of Cadence</a></li>
                                
                                
                                  <span class="h4 hide_desktop_ver"><a href="/collections/all"></a></span>
                                
                                
                                  <span class="h4 hide_mobile_ver"><a class="epic-sub-menu-cta  uppercase" href="/collections/all"></a></span>
                                
                              </ul>
                            </div>
                          

                          
                            <div class="menu_col third_cols">
                              
                                <span class="h5 hide_mobile_ver"></span>

                                <a href="https://shop.epicreads.com/products/the-rose-bargain?variant=53153028964643" title="">
                                  
                                    <img loading="lazy" src="//epicreads.com/cdn/shop/files/image_3.jpg?v=1743784291" alt="">
                                  
                                  <div class="title_with_content">
                                    
                                      <h2>The Rose Bargain</h2>
                                    
                                    <p>A beguiling romantasy for fans of Bridgerton, The Selection and The Cruel Prince.</p>
                                  </div>
                                  
                                    <span class="h4 span--link">Buy Now</span>
                                  
                                </a>
                              
                            </div>
                          

                          
                        
                      </div>
                    </div>
                  </div>
                
              
            </li>

          
            

            
              
              
              
            
              
              
              
            
              
              
              
                
                
                

            <li
              class="main-nav__item
               
              
                hasMega unset
              
              
                hasMega unset
               
              
                hasMega unset
               
              
                hasMega unset
               
              "
              data-item="fantasy-sci-fi">
              <a class="main-nav__link" href="/pages/fantasy-dystopian-sci-fi">
                Fantasy & Sci-Fi
                
                  
                    <span class="hide_desktops inner_menu_icon"><?xml version="1.0" encoding="UTF-8"?>
<svg aria-hidden="true" width="10px" height="18px" viewBox="0 0 10 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Path 5</title>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M---Nav" transform="translate(-318.000000, -123.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="351" height="667"></rect>
            <polyline id="Path-5" stroke="#23262A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="319 124 327 132 319 140"></polyline>
        </g>
    </g>
</svg></span>
                  
                
                
                  
                    <span class="hide_desktops inner_menu_icon"><?xml version="1.0" encoding="UTF-8"?>
<svg aria-hidden="true" width="10px" height="18px" viewBox="0 0 10 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Path 5</title>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M---Nav" transform="translate(-318.000000, -123.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="351" height="667"></rect>
            <polyline id="Path-5" stroke="#23262A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="319 124 327 132 319 140"></polyline>
        </g>
    </g>
</svg></span>
                  
                 
                
                  
                    <span class="hide_desktops inner_menu_icon"><?xml version="1.0" encoding="UTF-8"?>
<svg aria-hidden="true" width="10px" height="18px" viewBox="0 0 10 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Path 5</title>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M---Nav" transform="translate(-318.000000, -123.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="351" height="667"></rect>
            <polyline id="Path-5" stroke="#23262A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="319 124 327 132 319 140"></polyline>
        </g>
    </g>
</svg></span>
                  
                 
                
                  
                    <span class="hide_desktops inner_menu_icon"><?xml version="1.0" encoding="UTF-8"?>
<svg aria-hidden="true" width="10px" height="18px" viewBox="0 0 10 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Path 5</title>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M---Nav" transform="translate(-318.000000, -123.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="351" height="667"></rect>
            <polyline id="Path-5" stroke="#23262A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="319 124 327 132 319 140"></polyline>
        </g>
    </g>
</svg></span>
                  
                 
                  
              </a>
                  
                  
                  
                  
                  
                  

                  <div class="subnav col-size-4 w-full fantasy-sci-fi menu-2 absolute translateX-50">
                    <div class="hide_desktops menu_top_bar text_justify">
                      <button type="button" class="menu_back_icon" aria-label="Go back"><?xml version="1.0" encoding="UTF-8"?>
<svg width="10px" height="18px" viewBox="0 0 10 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Path 5</title>
    <defs>
        <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-1">
            <stop stop-color="#F3CA32" offset="0%"></stop>
            <stop stop-color="#89BDA4" offset="100%"></stop>
        </linearGradient>
    </defs>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M---Nav-(New-&amp;-Popular)" transform="translate(-23.000000, -17.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="351" height="1200"></rect>
            <polyline id="Path-5" stroke="#23262A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" transform="translate(28.000000, 26.000000) scale(-1, 1) translate(-28.000000, -26.000000) " points="24 18 32 26 24 34"></polyline>
        </g>
    </g>
</svg></button>
                      <div class="menu_title">
                        <a href="/pages/fantasy-dystopian-sci-fi">Fantasy & Sci-Fi</a>
                      </div>
                      <button type="button" class="close_icons" aria-label="Close menu"><svg height="23px" viewBox="0 0 329.26933 329" width="23px" xmlns="http://www.w3.org/2000/svg">
    <path d="m194.800781 164.769531 128.210938-128.214843c8.34375-8.339844 8.34375-21.824219 0-30.164063-8.339844-8.339844-21.824219-8.339844-30.164063 0l-128.214844 128.214844-128.210937-128.214844c-8.34375-8.339844-21.824219-8.339844-30.164063 0-8.34375 8.339844-8.34375 21.824219 0 30.164063l128.210938 128.214843-128.210938 128.214844c-8.34375 8.339844-8.34375 21.824219 0 30.164063 4.15625 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921875-2.089844 15.082031-6.25l128.210937-128.214844 128.214844 128.214844c4.160156 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921874-2.089844 15.082031-6.25 8.34375-8.339844 8.34375-21.824219 0-30.164063zm0 0"/>
</svg></button>
                    </div>

                    <div class="nav-featured">
                      <div class="menu_cols w-full block md+:flex md+:flex-nowrap md+:justiy-center col-size-4">
                        
                          <div class="multi_menu_cols menu_col second_cols">
                            
                              
                                <h2 class="text-p-epic font-figtree text-epic-black">Popular Genres</h2>
                              
                            
                            
                            <ul >
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/fantasy">Fantasy</a></li>
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/dystopian">Dystopian</a></li>
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/sci-fi">Sci-Fi</a></li>
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/magical-realism">Magical Realism</a></li>
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/time-travel-portal-fantasy">Time Travel & Portal Fantasy</a></li>
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/paranormal-supernatural">Paranormal & Supernatural</a></li>
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/speculative-fiction">Speculative Fiction</a></li>
                              
                              
                                <span class="h4 hide_desktop_ver"><a href="/pages/fantasy-dystopian-sci-fi">Shop All Fantasy, Dystopian & Sci-Fi</a></span>
                              
                              
                                <span class="h4 hide_mobile_ver"><a class="epic-sub-menu-cta  uppercase" href="/pages/fantasy-dystopian-sci-fi">Shop All Fantasy, Dystopian & Sci-Fi</a></span>
                              
                            </ul>
                          </div>
                        

                        
                          
                            <div class="multi_menu_cols menu_col second_cols">
                              
                                
                                  <h2>Popular Authors</h2>
                                
                              
                              
                              <ul >
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/victoria-aveyard">Victoria Aveyard</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/s-a-chakraborty">S. A. Chakraborty</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/n-e-davenport">N. E. Davenport</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/hannah-kaner">Hannah Kaner</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/r-f-kuang">R. F. Kuang</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/terry-pratchett">Terry Pratchett</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/ava-reid">Ava Reid</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/veronica-roth">Veronica Roth</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/v-e-schwab">V. E. Schwab</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/jrr-tolkien">J.R.R. Tolkien</a></li>
                                
                                
                                
                              </ul>
                            </div>
                          

                          
                            <div class="multi_menu_cols menu_col second_cols">
                              
                                
                                  <h2>Popular Series</h2>
                                
                              
                              
                              <ul >
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/a-study-in-drowning">A Study In Drowning</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/lorien-legacies-series">Lorien Legacies</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/delirium-series">Delirium</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/the-giver-series">The Giver</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/three-dark-crowns">Three Dark Crowns</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/wicked">Wicked </a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/the-poppy-war">The Poppy War </a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/silo">Silo </a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/fallen-gods">Fallen Gods</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/the-five-crowns-of-okrith">Five Crowns of Okrith </a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/">Dragon Rider</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/the-lore-of-the-wilds">Lore of the Wilds </a></li>
                                
                                
                                
                              </ul>
                            </div>
                          

                          
                            <div class="menu_col third_cols">
                              
                                <span class="h5 hide_mobile_ver"></span>

                                <a href="https://shop.epicreads.com/products/a-language-of-dragons?variant=53143021420835" title="">
                                  
                                    <img loading="lazy" src="//epicreads.com/cdn/shop/files/image_1.jpg?v=1743784291" alt="">
                                  
                                  <div class="title_with_content">
                                    
                                      <h2>A Language of Dragons</h2>
                                    
                                    <p><em>Fourth Wing</em> meets <em>Babel</em>. A rich historical fantasy about language, loyalty, love, and redemption.</p>
                                  </div>
                                  
                                    <span class="h4 span--link">Buy Now</span>
                                  
                                </a>
                              
                            </div>
                          

                          
                        
                      </div>
                    </div>
                  </div>
                
              
            </li>

          
            

            
              
              
              
            
              
              
              
            
              
              
              
            
              
              
              
                
                
                

            <li
              class="main-nav__item
               
              
                hasMega unset
              
              
                hasMega unset
               
              
                hasMega unset
               
               
              "
              data-item="inclusive-reads">
              <a class="main-nav__link" href="/pages/inclusive-reads">
                Inclusive Reads
                
                  
                    <span class="hide_desktops inner_menu_icon"><?xml version="1.0" encoding="UTF-8"?>
<svg aria-hidden="true" width="10px" height="18px" viewBox="0 0 10 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Path 5</title>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M---Nav" transform="translate(-318.000000, -123.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="351" height="667"></rect>
            <polyline id="Path-5" stroke="#23262A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="319 124 327 132 319 140"></polyline>
        </g>
    </g>
</svg></span>
                  
                
                
                  
                    <span class="hide_desktops inner_menu_icon"><?xml version="1.0" encoding="UTF-8"?>
<svg aria-hidden="true" width="10px" height="18px" viewBox="0 0 10 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Path 5</title>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M---Nav" transform="translate(-318.000000, -123.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="351" height="667"></rect>
            <polyline id="Path-5" stroke="#23262A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="319 124 327 132 319 140"></polyline>
        </g>
    </g>
</svg></span>
                  
                 
                
                  
                    <span class="hide_desktops inner_menu_icon"><?xml version="1.0" encoding="UTF-8"?>
<svg aria-hidden="true" width="10px" height="18px" viewBox="0 0 10 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Path 5</title>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M---Nav" transform="translate(-318.000000, -123.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="351" height="667"></rect>
            <polyline id="Path-5" stroke="#23262A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="319 124 327 132 319 140"></polyline>
        </g>
    </g>
</svg></span>
                  
                 
                 
                  
              </a>
                  
                  
                  
                  
                  
                  

                  <div class="subnav col-size-3 w-full inclusive-reads menu-2 absolute translateX-50">
                    <div class="hide_desktops menu_top_bar text_justify">
                      <button type="button" class="menu_back_icon" aria-label="Go back"><?xml version="1.0" encoding="UTF-8"?>
<svg width="10px" height="18px" viewBox="0 0 10 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Path 5</title>
    <defs>
        <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-1">
            <stop stop-color="#F3CA32" offset="0%"></stop>
            <stop stop-color="#89BDA4" offset="100%"></stop>
        </linearGradient>
    </defs>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M---Nav-(New-&amp;-Popular)" transform="translate(-23.000000, -17.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="351" height="1200"></rect>
            <polyline id="Path-5" stroke="#23262A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" transform="translate(28.000000, 26.000000) scale(-1, 1) translate(-28.000000, -26.000000) " points="24 18 32 26 24 34"></polyline>
        </g>
    </g>
</svg></button>
                      <div class="menu_title">
                        <a href="/pages/inclusive-reads">Inclusive Reads</a>
                      </div>
                      <button type="button" class="close_icons" aria-label="Close menu"><svg height="23px" viewBox="0 0 329.26933 329" width="23px" xmlns="http://www.w3.org/2000/svg">
    <path d="m194.800781 164.769531 128.210938-128.214843c8.34375-8.339844 8.34375-21.824219 0-30.164063-8.339844-8.339844-21.824219-8.339844-30.164063 0l-128.214844 128.214844-128.210937-128.214844c-8.34375-8.339844-21.824219-8.339844-30.164063 0-8.34375 8.339844-8.34375 21.824219 0 30.164063l128.210938 128.214843-128.210938 128.214844c-8.34375 8.339844-8.34375 21.824219 0 30.164063 4.15625 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921875-2.089844 15.082031-6.25l128.210937-128.214844 128.214844 128.214844c4.160156 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921874-2.089844 15.082031-6.25 8.34375-8.339844 8.34375-21.824219 0-30.164063zm0 0"/>
</svg></button>
                    </div>

                    <div class="nav-featured">
                      <div class="menu_cols w-full block md+:flex md+:flex-nowrap md+:justiy-center col-size-3">
                        
                          <div class="multi_menu_cols menu_col second_cols">
                            
                              
                                <h2 class="text-p-epic font-figtree text-epic-black">Popular Genres</h2>
                              
                            
                            
                            <ul >
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/lgbtqia-stories">LGBTQIA+ Stories</a></li>
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/bipoc-voices">BIPOC Voices</a></li>
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/cultural-heritage-diversity">Cultural Heritage & Diversity</a></li>
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/neurodivergent-disability-representation">Neurodivergent & Disability Representation</a></li>
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/mental-health-wellness">Mental Health & Wellness</a></li>
                              
                              
                                <span class="h4 hide_desktop_ver"><a href="/pages/inclusive-reads">Shop All Inclusive Reads</a></span>
                              
                              
                                <span class="h4 hide_mobile_ver"><a class="epic-sub-menu-cta  uppercase" href="/pages/inclusive-reads">Shop All Inclusive Reads</a></span>
                              
                            </ul>
                          </div>
                        

                        
                          
                            <div class="multi_menu_cols menu_col second_cols">
                              
                                
                                  <h2>Popular Authors</h2>
                                
                              
                              
                              <ul >
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/becky-albertalli">Becky Albertalli</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/alexis-daria">Alexis Daria</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/jen-ferguson">Jen Ferguson</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/nikki-giovanni">Nikki Giovanni</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/talia-hibbert">Talia Hibbert</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/beverly-jenkins">Beverly Jenkins</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/nnedi-okorafor">Nnedi Okorafor</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/abdi-nazemian">Abdi Nazemian</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/alisha-rai">Alisha Rai</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/sonora-reyes">Sonora Reyes</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/eliot-schrefer">Eliot Schrefer</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/thao-thai">Thao Thai</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/edward-underhill">Edward Underhill</a></li>
                                
                                
                                
                              </ul>
                            </div>
                          

                          
                            <div class="multi_menu_cols menu_col second_cols">
                              
                                
                                  <h2>Popular Series</h2>
                                
                              
                              
                              <ul >
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/they-both-die-at-the-end-series">They Both Die at the End Series</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/the-simonverse">The Simonverse</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/what-if-its-us-duology">What If It's Us Duology</a></li>
                                
                                
                                
                              </ul>
                            </div>
                          

                          

                          
                        
                      </div>
                    </div>
                  </div>
                
              
            </li>

          
            

            
              
              
              
            
              
              
              
            
              
              
              
            
              
              
              
            
              
              
              
                
                
                

            <li
              class="main-nav__item
               
              
                hasMega unset
              
              
                hasMega unset
               
              
                hasMega unset
               
              
                hasMega unset
               
              "
              data-item="popular-fiction">
              <a class="main-nav__link" href="/pages/popular-fiction">
                Popular Fiction
                
                  
                    <span class="hide_desktops inner_menu_icon"><?xml version="1.0" encoding="UTF-8"?>
<svg aria-hidden="true" width="10px" height="18px" viewBox="0 0 10 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Path 5</title>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M---Nav" transform="translate(-318.000000, -123.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="351" height="667"></rect>
            <polyline id="Path-5" stroke="#23262A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="319 124 327 132 319 140"></polyline>
        </g>
    </g>
</svg></span>
                  
                
                
                  
                    <span class="hide_desktops inner_menu_icon"><?xml version="1.0" encoding="UTF-8"?>
<svg aria-hidden="true" width="10px" height="18px" viewBox="0 0 10 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Path 5</title>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M---Nav" transform="translate(-318.000000, -123.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="351" height="667"></rect>
            <polyline id="Path-5" stroke="#23262A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="319 124 327 132 319 140"></polyline>
        </g>
    </g>
</svg></span>
                  
                 
                
                  
                    <span class="hide_desktops inner_menu_icon"><?xml version="1.0" encoding="UTF-8"?>
<svg aria-hidden="true" width="10px" height="18px" viewBox="0 0 10 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Path 5</title>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M---Nav" transform="translate(-318.000000, -123.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="351" height="667"></rect>
            <polyline id="Path-5" stroke="#23262A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="319 124 327 132 319 140"></polyline>
        </g>
    </g>
</svg></span>
                  
                 
                
                  
                    <span class="hide_desktops inner_menu_icon"><?xml version="1.0" encoding="UTF-8"?>
<svg aria-hidden="true" width="10px" height="18px" viewBox="0 0 10 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Path 5</title>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M---Nav" transform="translate(-318.000000, -123.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="351" height="667"></rect>
            <polyline id="Path-5" stroke="#23262A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="319 124 327 132 319 140"></polyline>
        </g>
    </g>
</svg></span>
                  
                 
                  
              </a>
                  
                  
                  
                  
                  
                  

                  <div class="subnav col-size-4 w-full popular-fiction menu-2 absolute translateX-50">
                    <div class="hide_desktops menu_top_bar text_justify">
                      <button type="button" class="menu_back_icon" aria-label="Go back"><?xml version="1.0" encoding="UTF-8"?>
<svg width="10px" height="18px" viewBox="0 0 10 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Path 5</title>
    <defs>
        <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-1">
            <stop stop-color="#F3CA32" offset="0%"></stop>
            <stop stop-color="#89BDA4" offset="100%"></stop>
        </linearGradient>
    </defs>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M---Nav-(New-&amp;-Popular)" transform="translate(-23.000000, -17.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="351" height="1200"></rect>
            <polyline id="Path-5" stroke="#23262A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" transform="translate(28.000000, 26.000000) scale(-1, 1) translate(-28.000000, -26.000000) " points="24 18 32 26 24 34"></polyline>
        </g>
    </g>
</svg></button>
                      <div class="menu_title">
                        <a href="/pages/popular-fiction">Popular Fiction</a>
                      </div>
                      <button type="button" class="close_icons" aria-label="Close menu"><svg height="23px" viewBox="0 0 329.26933 329" width="23px" xmlns="http://www.w3.org/2000/svg">
    <path d="m194.800781 164.769531 128.210938-128.214843c8.34375-8.339844 8.34375-21.824219 0-30.164063-8.339844-8.339844-21.824219-8.339844-30.164063 0l-128.214844 128.214844-128.210937-128.214844c-8.34375-8.339844-21.824219-8.339844-30.164063 0-8.34375 8.339844-8.34375 21.824219 0 30.164063l128.210938 128.214843-128.210938 128.214844c-8.34375 8.339844-8.34375 21.824219 0 30.164063 4.15625 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921875-2.089844 15.082031-6.25l128.210937-128.214844 128.214844 128.214844c4.160156 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921874-2.089844 15.082031-6.25 8.34375-8.339844 8.34375-21.824219 0-30.164063zm0 0"/>
</svg></button>
                    </div>

                    <div class="nav-featured">
                      <div class="menu_cols w-full block md+:flex md+:flex-nowrap md+:justiy-center col-size-4">
                        
                          <div class="multi_menu_cols menu_col second_cols">
                            
                              
                                <h2 class="text-p-epic font-figtree text-epic-black">Popular Genres</h2>
                              
                            
                            
                            <ul >
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/coming-of-age">Coming of Age</a></li>
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/horror">Horror</a></li>
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/graphic-novels">Graphic Novels</a></li>
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/thriller-suspense">Mystery,  Thriller & Suspense</a></li>
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/historical-fiction">Historical Fiction</a></li>
                              
                              
                                <span class="h4 hide_desktop_ver"><a href="/pages/popular-fiction">Shop All Popular Fiction</a></span>
                              
                              
                                <span class="h4 hide_mobile_ver"><a class="epic-sub-menu-cta  uppercase" href="/pages/popular-fiction">Shop All Popular Fiction</a></span>
                              
                            </ul>
                          </div>
                        

                        
                          
                            <div class="multi_menu_cols menu_col second_cols">
                              
                                
                                  <h2>Popular Authors</h2>
                                
                              
                              
                              <ul >
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/elizabeth-acevedo">Elizabeth Acevedo</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/nikki-erlick">Nikki Erlick</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/lucy-foley">Lucy Foley</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/paula-hawkins">Paula Hawkins</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/joe-hill">Joe Hill</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/tiffany-d-jackson">Tiffany D. Jackson</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/maureen-johnson">Maureen Johnson</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/gillian-mcallister">Gillian McAllister</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/kate-quinn">Kate Quinn</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/rainbow-rowell">Rainbow Rowell</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/adam-silvera">Adam Silvera</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/karin-slaughter">Karin Slaughter</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/benjamin-stevenson">Benjamin Stevenson </a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/angie-thomas">Angie Thomas</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/rufi-thorpe">Rufi Thorpe</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/jennifer-weiner">Jennifer Weiner</a></li>
                                
                                
                                
                              </ul>
                            </div>
                          

                          
                            <div class="multi_menu_cols menu_col second_cols">
                              
                                
                                  <h2>Popular Series</h2>
                                
                              
                              
                              <ul >
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/charlotte-holmes-series">Charlotte Holmes Novels</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/truly-devious-series">Truly Devious</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/clown-in-a-cornfield-series">Clown in a Cornfield</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/pretty-little-liars-series">Pretty Little Liars</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/the-hobbit">The Hobbit</a></li>
                                
                                  <li><a class="hover:text-dark-pink hover:underline" href="/collections/lord-of-the-rings">Lord of the Rings</a></li>
                                
                                
                                
                              </ul>
                            </div>
                          

                          
                            <div class="menu_col third_cols">
                              
                                <span class="h5 hide_mobile_ver"></span>

                                <a href="https://shop.epicreads.com/products/allegedly?variant=53497251823907" title="">
                                  
                                    <img loading="lazy" src="//epicreads.com/cdn/shop/files/image_4.jpg?v=1743784290" alt="">
                                  
                                  <div class="title_with_content">
                                    
                                      <h2>Allegedly: A Psychological Thriller</h2>
                                    
                                    <p>From <em>New York Times </em>bestselling author Tiffany D. Jackson. A gritty, twisting, haunting mystery that will keep you guessing and stick with you long after the last page.</p>
                                  </div>
                                  
                                    <span class="h4 span--link">Buy Now</span>
                                  
                                </a>
                              
                            </div>
                          

                          
                        
                      </div>
                    </div>
                  </div>
                
              
            </li>

          
            

            
              
              
              
            
              
              
              
            
              
              
              
            
              
              
              
            
              
              
              
            
              
              
              
                
                
                

            <li
              class="main-nav__item
               
              
                hasMega unset
              
               
              
                hasMega unset
               
              
                hasMega unset
               
              "
              data-item="special-editions">
              <a class="main-nav__link" href="/pages/special-editions">
                Special Editions
                
                  
                    <span class="hide_desktops inner_menu_icon"><?xml version="1.0" encoding="UTF-8"?>
<svg aria-hidden="true" width="10px" height="18px" viewBox="0 0 10 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Path 5</title>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M---Nav" transform="translate(-318.000000, -123.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="351" height="667"></rect>
            <polyline id="Path-5" stroke="#23262A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="319 124 327 132 319 140"></polyline>
        </g>
    </g>
</svg></span>
                  
                
                 
                
                  
                    <span class="hide_desktops inner_menu_icon"><?xml version="1.0" encoding="UTF-8"?>
<svg aria-hidden="true" width="10px" height="18px" viewBox="0 0 10 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Path 5</title>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M---Nav" transform="translate(-318.000000, -123.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="351" height="667"></rect>
            <polyline id="Path-5" stroke="#23262A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="319 124 327 132 319 140"></polyline>
        </g>
    </g>
</svg></span>
                  
                 
                
                  
                    <span class="hide_desktops inner_menu_icon"><?xml version="1.0" encoding="UTF-8"?>
<svg aria-hidden="true" width="10px" height="18px" viewBox="0 0 10 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Path 5</title>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M---Nav" transform="translate(-318.000000, -123.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="351" height="667"></rect>
            <polyline id="Path-5" stroke="#23262A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="319 124 327 132 319 140"></polyline>
        </g>
    </g>
</svg></span>
                  
                 
                  
              </a>
                  
                  
                  
                  
                  
                  

                  <div class="subnav col-size-3 w-full special-editions menu-2 absolute translateX-50">
                    <div class="hide_desktops menu_top_bar text_justify">
                      <button type="button" class="menu_back_icon" aria-label="Go back"><?xml version="1.0" encoding="UTF-8"?>
<svg width="10px" height="18px" viewBox="0 0 10 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Path 5</title>
    <defs>
        <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-1">
            <stop stop-color="#F3CA32" offset="0%"></stop>
            <stop stop-color="#89BDA4" offset="100%"></stop>
        </linearGradient>
    </defs>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="M---Nav-(New-&amp;-Popular)" transform="translate(-23.000000, -17.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="351" height="1200"></rect>
            <polyline id="Path-5" stroke="#23262A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" transform="translate(28.000000, 26.000000) scale(-1, 1) translate(-28.000000, -26.000000) " points="24 18 32 26 24 34"></polyline>
        </g>
    </g>
</svg></button>
                      <div class="menu_title">
                        <a href="/pages/special-editions">Special Editions</a>
                      </div>
                      <button type="button" class="close_icons" aria-label="Close menu"><svg height="23px" viewBox="0 0 329.26933 329" width="23px" xmlns="http://www.w3.org/2000/svg">
    <path d="m194.800781 164.769531 128.210938-128.214843c8.34375-8.339844 8.34375-21.824219 0-30.164063-8.339844-8.339844-21.824219-8.339844-30.164063 0l-128.214844 128.214844-128.210937-128.214844c-8.34375-8.339844-21.824219-8.339844-30.164063 0-8.34375 8.339844-8.34375 21.824219 0 30.164063l128.210938 128.214843-128.210938 128.214844c-8.34375 8.339844-8.34375 21.824219 0 30.164063 4.15625 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921875-2.089844 15.082031-6.25l128.210937-128.214844 128.214844 128.214844c4.160156 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921874-2.089844 15.082031-6.25 8.34375-8.339844 8.34375-21.824219 0-30.164063zm0 0"/>
</svg></button>
                    </div>

                    <div class="nav-featured">
                      <div class="menu_cols w-full block md+:flex md+:flex-nowrap md+:justiy-center col-size-3">
                        
                          <div class="multi_menu_cols menu_col second_cols">
                            
                            
                            <ul class="bold_links">
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/pages/special-editions">Special Editions</a></li>
                              
                                <li><a class="hover:text-dark-pink hover:underline" href="/collections/box-sets">Box Sets</a></li>
                              
                              
                              
                            </ul>
                          </div>
                        

                        
                          

                          
                            <div class="menu_col third_cols">
                              
                                <span class="h5 hide_mobile_ver"></span>

                                
                                  <a href="https://epicreads.com/products/the-lord-of-the-rings-illustrated-by-the-author-illustrated-by-j-r-r-tolkien?variant=53138750243107"><img loading="lazy" src="//epicreads.com/cdn/shop/files/200x200_LOTR.jpg?v=1744129815" alt=""></a>
                                
                                <div class="title_with_content">
                                  
                                    <h2>The Lord of the Rings Illustrated by J.R.R. Tolkien</h2>
                                  
                                  <p>A very special edition of the classic masterpiece, illustrated by the author himself, plus sprayed edges and a ribbon bookmark.</p>
                                </div>
                                
                                  <span class="h4"><a href="https://shop.epicreads.com/products/the-lord-of-the-rings-illustrated-by-the-author-illustrated-by-j-r-r-tolkien?variant=53138750243107">Buy Now</a></span>
                                
                              
                            </div>
                          

                          
                            <div class="menu_col third_cols">
                              
                                <span class="h5 hide_mobile_ver"></span>

                                <a href="https://shop.epicreads.com/products/the-chronicles-of-narnia-7-in-1-deluxe-hardcover-slipcase?variant=54390843277603" title="">
                                  
                                    <img loading="lazy" src="//epicreads.com/cdn/shop/files/20251007_Middle_Grades_054_jpg.jpg?v=1768424823" alt="">
                                  
                                  <div class="title_with_content">
                                    
                                      <h2>The Chronicles of Narnia Deluxe Edition</h2>
                                    
                                    <p>A deluxe 7-in-1 collector’s edition celebrating 75 years of C. S. Lewis’s beloved fantasy series, featuring exclusive artwork by Cliff Nielsen and custom designed edges.</p>
                                  </div>
                                  
                                    <span class="h4 span--link">Buy Now</span>
                                  
                                </a>
                              
                            </div>
                          

                          
                        
                      </div>
                    </div>
                  </div>
                
              
            </li>

          
            

            
              
              
              
            
              
              
              
            
              
              
              
            
              
              
              
            
              
              
              
            
              
              
              
            

            <li
              class="main-nav__item
               
              
                 unset
              
              
                 unset
               
              
                 unset
               
              
                 unset
               
              "
              data-item="sale">
              <a class="main-nav__link" href="https://shop.epicreads.com/collections/sale">
                SALE
                
                  
                
                
                  
                 
                
                  
                 
                
                  
                 
                  
              </a>
            </li>

          
            

            
              
              
              
            
              
              
              
            
              
              
              
            
              
              
              
            
              
              
              
            
              
              
              
            

            <li
              class="main-nav__item
               
              
                 unset
              
              
                 unset
               
              
                 unset
               
               
              "
              data-item="blog">
              <a class="main-nav__link" href="/blogs/news">
                Blog
                
                  
                
                
                  
                 
                
                  
                 
                 
                  
              </a>
            </li>

          
        </ul>
        <div class="header-right-cols show_on_scroll display-none md:inline-block">
          <ul>
            <li class="header-account">
              <a href="/account">
                
                  <svg aria-hidden="true" width="15px" height="20px" viewBox="0 0 15 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Login Icon">
  <title>Login Icon</title>
  <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
    <g id="Global-Header/desktop" transform="translate(-965.000000, -110.000000)">
      <rect id="Rectangle" fill="#1D2225" x="0" y="72" width="1440" height="151"></rect>
      <g class="epic-account-icon" id="account/wishlist/cart" transform="translate(965.000000, 108.000000)" fill="#ffffff" fill-rule="nonzero">
        <g id="count" transform="translate(0.000000, 2.000000)">
          <path d="M9.45491512,2.22485028 C10.0418215,3.41590499 9.55253468,4.59279332 8.87576674,5.6428134 C7.88837215,7.1747752 6.58790609,6.00158103 5.98199026,4.86612955 C5.41288613,3.79966009 4.93229804,1.91736907 6.43639121,1.33463167 C7.46965515,0.93430996 8.91208592,1.30716297 9.48351326,2.21197841 C9.89637788,2.86571944 10.9748838,2.26989592 10.560122,1.61314962 C9.5993939,0.091905866 7.34378529,-0.413074683 5.6801829,0.354832263 C3.70417181,1.26694511 4.00865228,3.70988572 4.81762345,5.30263648 C5.60458821,6.85205953 7.4674002,8.41335472 9.257949,7.19897212 C10.0254314,6.67845185 10.4840412,5.40596469 10.7867369,4.59329121 C11.1646353,3.57871769 11.0018088,2.58040952 10.5315239,1.62602149 C10.1911338,0.935240829 9.1159255,1.53691096 9.45491512,2.22485028 L9.45491512,2.22485028 Z" id="Path"></path>
          <path d="M4.51574621,10.6185555 C6.99271669,10.6020829 12.3601876,9.57336722 13.3798464,12.1656411 C13.8384234,13.331478 13.5902402,15.0384335 13.6003035,16.2795687 C13.6160004,18.2153256 13.5981864,18.6742201 11.3248383,18.6741899 C9.89521417,18.6741718 8.46559053,18.6741517 7.0359669,18.6741336 C5.84504449,18.6741175 3.25277341,19.194676 2.21098642,18.6740712 C1.02298361,18.080397 1.44174023,16.4761512 1.44154455,15.381159 C1.44143699,14.7787306 1.28023124,13.7659684 1.44527432,13.1601827 C1.72954365,12.1167786 3.32856759,10.7343503 4.55836004,10.6740602 C5.35674101,10.6349195 5.36162524,9.44822182 4.55836004,9.48760088 C2.90358565,9.56872458 0.968692894,9.83980486 0.334231231,11.5536438 C0.0034320584,12.4472156 0.196277128,13.575165 0.195182626,14.4927669 C0.193735297,15.7061568 -0.257188305,17.900983 0.216633174,19.0135622 C0.852981219,20.5077702 2.86974801,19.8605385 4.35542212,19.8605586 C6.14245179,19.8605808 7.92948145,19.8606049 9.71651112,19.860627 C11.1770143,19.8606471 12.9336178,20.1292592 14.3516641,19.797217 C14.5619511,19.7479763 14.7292876,19.5780548 14.7870842,19.3828824 C15.2119442,17.9481538 14.8777035,16.0021782 14.8307228,14.5047919 C14.7902857,13.2159367 14.886527,11.4340954 14.0210762,10.3276072 C13.5050293,9.66783749 12.9348904,9.47417569 12.0917351,9.39014532 C9.6313774,9.14493961 6.99100126,9.41563463 4.51574621,9.43209515 C3.71374597,9.43742883 3.71193302,10.6239002 4.51574621,10.6185555 L4.51574621,10.6185555 Z" id="Path"></path>
        </g>
      </g>
    </g>
  </g>
</svg>

                
                <span hidden>Account</span>
              </a>
            </li><li class="hide_mobile header-rewards">
                <a href="/pages/rewards">
                  
                    <svg aria-hidden="true" width="24px" height="22px" viewBox="0 0 24 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Rewards Icon">
  <title>Rewards Icon</title>
  <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
    <g class="epic-rewards-icon" id="1024-Nav-Rewards" transform="translate(-848.000000, -116.000000)" fill="#FFFFFF">
      <g id="Rewards-icon" transform="translate(848.000000, 116.000000)">
        <path d="M15.7038384,13.2785974 C15.5421441,13.3972057 15.5017205,13.6739583 15.5421441,13.8716387 C16.0676505,15.8484431 16.7144276,17.9043198 17.0782398,19.9601964 C15.2591791,18.5368972 13.3592712,17.1926702 11.4593634,15.8484431 C11.2976691,15.7298349 10.9742805,15.7298349 10.7721627,15.8484431 C8.91267841,17.0740619 7.05319414,18.2601446 5.1532863,19.4462272 C5.31498058,18.5764333 5.47667487,17.7066393 5.59794558,16.8368454 C5.75963986,15.8484431 6.20429915,14.5832883 6.123452,13.55535 C6.08302843,12.8041643 5.47667487,12.2901952 4.95116844,11.6971538 C4.02142631,10.5901434 3.09168417,9.52266896 2.12151846,8.45519456 C4.14269702,8.61333892 6.20429915,8.65287501 8.2254777,8.77148327 C8.71056056,8.81101936 8.91267841,8.29705021 8.75098413,7.94122541 C9.76157341,5.8853488 10.8530098,3.82947218 11.8635991,1.77359557 C12.4699527,3.7899361 12.9954591,5.8853488 13.5209655,7.94122541 C13.5613891,8.17844194 13.8039305,8.29705021 14.0060484,8.29705021 C16.3101919,8.41565847 18.8164533,8.45519456 21.1205969,8.96916372 C19.3823833,10.431999 17.5633226,11.8552982 15.7038384,13.2785974 M16.7952748,13.990247 C16.6740041,14.0693192 16.4718862,13.990247 16.7952748,13.990247 C16.7548512,13.990247 16.7548512,13.990247 16.7952748,13.990247 M22.6566926,8.17844194 C20.069584,7.42725626 17.1995105,7.42725626 14.5315548,7.30864799 C13.9252012,4.97601876 13.3188477,2.64338952 12.5507998,0.350296379 C12.4295291,-0.0055284192 11.8635991,-0.163672774 11.6614812,0.231688113 C10.4891977,2.64338952 9.35733769,5.13416311 8.18505413,7.54586452 C5.67879272,7.42725626 3.09168417,7.34818408 0.625846331,7.03189537 C0.019492764,6.95282319 -0.182625092,7.74354497 0.181187048,8.09936976 C1.47474132,9.44359678 2.64702489,10.866896 3.85973202,12.2506591 C4.14269702,12.5669478 4.50650916,13.2390613 4.8703213,13.5158139 C4.42566202,14.3856079 4.46608559,15.9275153 4.3043913,16.8763815 C4.10227345,18.1415363 3.90015559,19.367155 3.65761417,20.6323099 C3.57676702,21.146279 4.10227345,21.6997843 4.62777987,21.3834956 C6.123452,20.4741655 7.57870056,19.4857633 9.0743727,18.5368972 C9.68072626,18.1415363 10.367927,17.7857115 10.933857,17.3508145 C10.933857,17.3508145 11.0551277,17.2717423 11.1359748,17.2322063 C11.4189398,17.4694228 11.9040227,17.7066393 12.0252934,17.8252476 C12.631647,18.2996806 13.2784241,18.7345776 13.8847777,19.1694746 C15.0974848,20.0392686 16.3101919,20.9485986 17.5228991,21.8579286 C17.8867112,22.1346813 18.6951826,22.016073 18.6143355,21.4230317 C18.4526412,20.0788046 18.0888291,18.7345776 17.7654405,17.4298867 C17.4824755,16.3624123 17.3612048,14.9786492 16.9165455,13.9111748 C17.0378162,13.8321026 17.2399341,13.6344222 17.2803576,13.5948861 C17.8867112,13.120453 18.4526412,12.64602 19.0589948,12.1715869 C20.352549,11.1436486 21.6461033,10.1157103 22.9396576,9.08777198 C23.2630462,8.85055545 23.0609283,8.29705021 22.6566926,8.17844194" id="Fill-1"></path>
      </g>
    </g>
  </g>
</svg>

                  
                </a>
              </li><li class="hide_mobile border-r border-light-grey header-wishlist">
                <a href="/a/wishlist">
                  
                    <svg aria-hidden="true" class="wishlist-icon" width="21px" height="20px" viewBox="0 0 21 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Wishlist Icon">
  <title>Wishlist Icon</title>
  <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
    <g id="Global-Header/desktop" transform="translate(-1074.000000, -110.000000)">
      <rect id="Rectangle" fill="#1D2225" x="0" y="72" width="1440" height="151"></rect>
      <g class="epic-wishlist-icon" id="account/wishlist/cart" transform="translate(965.000000, 108.000000)" fill="#FFFFFF" fill-rule="nonzero">
        <g id="wishlist" transform="translate(109.000000, 2.000000)">
          <path d="M4.59446525,15.0592518 C4.35787233,14.8058201 4.11899716,14.5547278 3.88012198,14.3020759 C2.94287927,13.3133024 1.97292435,12.2917777 1.15283697,11.1618623 C-0.388440417,9.03849463 -0.27661032,5.50058826 0.852341132,3.75541866 C1.94097289,2.07497162 3.25098259,1.11037162 4.74737579,0.888911314 C6.56480505,0.617544459 8.62871697,1.4636164 10.8797731,3.3998345 C11.1209306,3.60725859 11.152882,3.97531939 10.9505228,4.22329255 C10.7481636,4.4712657 10.3883293,4.50401688 10.1464111,4.295813 C8.15477037,2.58495415 6.39287579,1.83089741 4.91093682,2.04689918 C3.75003391,2.21923273 2.70476484,3.01149918 1.80403808,4.4026442 C0.920808539,5.76649658 0.842451396,8.77414588 2.06877872,10.4623908 C2.84474265,11.5314827 3.78731061,12.5257147 4.69944861,13.4864157 C4.94060603,13.7406272 5.18176345,13.9948387 5.42063862,14.2506097 C5.92425443,14.7910041 4.66901865,15.1395701 4.59446525,15.0592518 Z" id="Path"></path>
          <path d="M11.1551643,20 C10.8432572,20 10.5305894,19.8986273 10.2764992,19.6912032 C9.42902488,19.0049882 8.56633556,18.3413871 7.74092294,17.7050786 C6.81280921,16.9900113 5.93642641,16.3154931 5.16959147,15.6776251 C4.9246303,15.4740999 4.8873536,15.1060391 5.08590908,14.854167 C5.28370381,14.6038545 5.64353807,14.5656448 5.88849923,14.7683902 C6.63935845,15.3930018 7.50813376,16.0612817 8.4271185,16.7693308 C9.25937786,17.410318 10.1289139,18.0809373 10.9839957,18.7726108 C11.0866969,18.8552686 11.2647121,18.8451313 11.3582842,18.7507767 C11.8383168,18.2626283 12.3533439,17.7588841 12.8866289,17.2364249 C14.7071011,15.451486 16.7702523,13.4287113 18.4089056,11.1330101 C20.313821,8.46300975 20.3556622,5.49590952 18.5222572,2.99278422 C18.3328307,2.7346738 18.3845616,2.3673928 18.6363695,2.17400492 C18.8889382,1.98061705 19.2457294,2.03208318 19.4351559,2.2901936 C21.5584063,5.1910117 21.5188473,8.75465114 19.3294118,11.823124 C17.6314201,14.2038223 15.52871,16.264027 13.6740041,18.0817171 C13.1460443,18.5994975 12.6363425,19.0993428 12.1608744,19.5820327 C11.889287,19.8596378 11.522606,20 11.1551643,20 Z" id="Path"></path>
          <path d="M10.5138529,4.63736093 C10.4940734,4.63736093 10.4735332,4.63658114 10.452993,4.63424178 C10.1395644,4.59993102 9.91210047,4.31218858 9.94557342,3.99091518 C10.1197849,2.30033087 10.964977,1.02615432 12.3251962,0.403102261 C14.0657898,-0.396182295 16.4385658,0.0147669355 18.3723896,1.44412166 C18.6280013,1.63283079 18.6858182,1.99855221 18.5009562,2.26056159 C18.3160942,2.52335076 17.9593029,2.58261478 17.704452,2.39312586 C16.095468,1.2039464 14.1684909,0.841344135 12.7915353,1.47063451 C11.8040831,1.9229126 11.2122204,2.83682626 11.0806109,4.11412197 C11.0494202,4.41434105 10.8021767,4.63736093 10.5138529,4.63736093 Z" id="Path"></path>
        </g>
      </g>
    </g>
  </g>
</svg>
                  
                  
                    <svg aria-hidden="true" class="wishlist-icon-full hidden" width="21px" height="20px" viewBox="0 0 21 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Wishlist Icon">
  <title>Wishlist Icon</title>
  <g id="PDP" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
    <g id="D---PDP---Buy-Box" transform="translate(-548.000000, -1922.000000)" fill="#ffffff">
      <g id="buy-box" transform="translate(120.000000, 1530.000000)">
        <path d="M438.955579,395.709678 C440.18385,393.274649 441.89002,392.269538 444.074087,392.694345 C447.350189,393.331556 449.431668,396.55785 449.431668,397.843728 C449.431668,398.762427 450.293159,400.509705 446.651642,405.140776 C445.19623,406.991685 442.578984,409.329196 439.57799,412.218806 C435.215954,409.460738 429.957021,403.905638 429.322446,402.409249 C428.687871,400.91286 427.776782,396.145009 431.770093,393.977382 C434.4323,392.532297 436.827462,393.109729 438.955579,395.709678 Z" id="Path-3"></path>
      </g>
    </g>
  </g>
</svg>
                  
                </a>
              </li><li class="header-cart">
              <a href="/cart">
                
                  <svg aria-hidden="true" width="21px" height="22px" viewBox="0 0 21 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="cart - 0 items">
  <title>Cart Icon</title>
  <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
    <g id="Global-Header/desktop" transform="translate(-1217.000000, -109.000000)">
      <rect id="Rectangle" fill="#1D2225" x="0" y="72" width="1440" height="151"></rect>
      <g id="account/wishlist/cart" transform="translate(965.000000, 108.000000)" fill="#ffffff" fill-rule="nonzero" stroke="#ffffff" stroke-width="0.3">
        <g id="cart" transform="translate(253.000000, 2.000000)">
          <path d="M0.427064939,0.886992971 C1.5972028,0.885879103 2.30544293,0.470367198 2.61225382,1.884694 C2.75919321,2.5620496 2.68456883,3.3519388 2.71657264,4.05019497 C2.79062625,5.66588445 2.81215425,7.29375087 2.95279887,8.90529876 C3.02479718,9.7302722 2.9906406,11.1519858 3.57290356,11.7878382 C4.12717129,12.3931196 5.45114176,12.0614629 6.16332724,12.0593863 C7.97745282,12.0540962 9.79158745,12.0549384 11.605707,12.0619122 C12.5127046,12.0653995 13.4199188,12.0658809 14.3268602,12.076879 C14.761053,12.0743637 15.195057,12.0816659 15.6288765,12.0987858 C16.1441714,13.5991558 15.9339237,14.2948459 14.9981363,14.1858556 C14.282302,14.4260153 13.100684,14.2190529 12.3425462,14.2323166 C11.4573502,14.2478046 10.5721535,14.263291 9.68695676,14.2787775 C7.7901063,14.3119643 5.89325662,14.3451512 3.99640656,14.378338 C3.42805991,14.3882808 3.4262591,15.27299 3.99640656,15.2630994 C6.14616988,15.2254042 8.29593357,15.1877927 10.4456961,15.1501812 C12.2417094,15.1187597 14.2287458,15.3148598 16.0059497,15.0273107 C17.6706797,14.75796 18.7151812,12.7487703 17.0665683,11.6316236 C15.9275281,10.8597789 14.0351803,11.1891093 12.771922,11.1824692 C10.5690784,11.1708907 8.36619143,11.1682846 6.16332685,11.1747087 C4.72116626,11.1789137 4.0905524,10.9552859 3.9039922,9.47310303 C3.7677756,8.39089353 3.7494714,7.29419651 3.69955768,6.20518872 C3.60979376,4.24673545 3.62833477,2.25831936 3.28547395,0.324747944 C3.25205843,0.136297902 3.03994206,-0.000171936721 2.85916021,0 C2.04846173,0.000771876815 1.2377633,0.00154355172 0.427064939,0.00231522663 C-0.141860342,0.00285676737 -0.142849403,0.887535495 0.427064939,0.886992971 L0.427064939,0.886992971 Z" id="Path"></path>
          <path d="M14.0010519,17.3712693 C14.3791284,17.481809 14.6686837,18.0335492 14.6367916,18.4189818 C14.5969227,18.90084 13.941651,19.1695444 13.5195905,19.1026443 C12.6710142,18.9681361 13.0037619,17.102253 13.8568387,17.3482623 C14.4046374,17.5062364 14.6385321,16.6528241 14.0918982,16.495186 C12.1084387,15.9231987 11.3426832,19.562328 13.2546282,19.9629336 C14.111697,20.1425138 15.2050457,19.6568533 15.4639172,18.7817869 C15.7226867,17.907064 15.1030385,16.7716598 14.23611,16.518193 C13.6888389,16.358185 13.4551136,17.2116513 14.0010519,17.3712693 L14.0010519,17.3712693 Z" id="Path"></path>
          <path d="M6.97993811,17.3078714 C7.34751333,17.5482531 7.66883636,17.9522665 7.51993614,18.4187193 C7.37160409,18.8833902 6.97815715,19.0836495 6.50544383,18.9284727 C6.11343682,18.7997902 6.10866812,18.0237998 6.14068922,17.6766237 C6.17024049,17.3562253 6.30883134,17.3394399 6.6111441,17.3031978 C6.83588299,17.2762551 7.07881438,17.2998575 7.30466038,17.3052992 C7.87387014,17.3190113 7.87362956,16.4343275 7.30466038,16.4206214 C6.41867814,16.3992778 5.43434536,16.3557462 5.28002734,17.4461249 C5.1653279,18.256565 5.30470727,19.5589278 6.25834115,19.783424 C6.62932235,19.8707572 7.18680229,19.9128519 7.54335227,19.7609464 C7.89048557,19.6130517 8.14172653,19.1864228 8.29010581,18.8584499 C8.70051594,17.9512886 8.19651989,17.0477301 7.42621751,16.5439778 C6.94851219,16.2315753 6.50495063,16.9972449 6.97993811,17.3078714 L6.97993811,17.3078714 Z" id="Path"></path>
          <path d="M3.34168669,4.10213468 C8.41294847,4.11658885 13.4842095,4.13104339 18.5554717,4.14549796 C18.4081028,3.99805167 18.2607339,3.85060538 18.1133651,3.70315909 C17.9619456,4.89971204 16.7730344,5.80701992 16.2821661,6.87772703 C15.6741015,8.20407244 15.6979195,9.81010595 15.2811238,11.2103605 C15.1183665,11.7571562 15.9714612,11.9907696 16.1337523,11.4455427 C16.6660576,9.65722251 16.6696885,7.86553725 17.7007475,6.26502864 C18.2504006,5.41180606 18.8680114,4.72702542 18.9975784,3.70315909 C19.0277195,3.46497816 18.7705825,3.26143332 18.5554717,3.26082022 C13.4842099,3.24636564 8.41294851,3.23191111 3.34168669,3.2174547 C2.77267255,3.21583479 2.77187016,4.10051029 3.34168669,4.10213468 L3.34168669,4.10213468 Z" id="Path"></path>
        </g>
      </g>
    </g>
  </g>
</svg>

                
                <span class="cart_count empty">0</span>
              </a>
            </li>
          </ul>
        </div>
      </nav>
      <ul class="mobile_menu pt-2 px-5"><li>
            <a href="/pages/rewards" class="py-2 uppercase tracking-2 flex text-epic-black hover:text-blue mobile-menu-utility font-semibold text-p-s">
              
  <svg aria-hidden="true" width="24px" height="22px" viewBox="0 0 24 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Rewards Icon">
    <title>Rewards Icon</title>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
      <g id="1024-Nav-Rewards" transform="translate(-848.000000, -116.000000)" fill="#22262A">
        <g id="Rewards-icon" transform="translate(848.000000, 116.000000)">
          <path d="M15.7038384,13.2785974 C15.5421441,13.3972057 15.5017205,13.6739583 15.5421441,13.8716387 C16.0676505,15.8484431 16.7144276,17.9043198 17.0782398,19.9601964 C15.2591791,18.5368972 13.3592712,17.1926702 11.4593634,15.8484431 C11.2976691,15.7298349 10.9742805,15.7298349 10.7721627,15.8484431 C8.91267841,17.0740619 7.05319414,18.2601446 5.1532863,19.4462272 C5.31498058,18.5764333 5.47667487,17.7066393 5.59794558,16.8368454 C5.75963986,15.8484431 6.20429915,14.5832883 6.123452,13.55535 C6.08302843,12.8041643 5.47667487,12.2901952 4.95116844,11.6971538 C4.02142631,10.5901434 3.09168417,9.52266896 2.12151846,8.45519456 C4.14269702,8.61333892 6.20429915,8.65287501 8.2254777,8.77148327 C8.71056056,8.81101936 8.91267841,8.29705021 8.75098413,7.94122541 C9.76157341,5.8853488 10.8530098,3.82947218 11.8635991,1.77359557 C12.4699527,3.7899361 12.9954591,5.8853488 13.5209655,7.94122541 C13.5613891,8.17844194 13.8039305,8.29705021 14.0060484,8.29705021 C16.3101919,8.41565847 18.8164533,8.45519456 21.1205969,8.96916372 C19.3823833,10.431999 17.5633226,11.8552982 15.7038384,13.2785974 M16.7952748,13.990247 C16.6740041,14.0693192 16.4718862,13.990247 16.7952748,13.990247 C16.7548512,13.990247 16.7548512,13.990247 16.7952748,13.990247 M22.6566926,8.17844194 C20.069584,7.42725626 17.1995105,7.42725626 14.5315548,7.30864799 C13.9252012,4.97601876 13.3188477,2.64338952 12.5507998,0.350296379 C12.4295291,-0.0055284192 11.8635991,-0.163672774 11.6614812,0.231688113 C10.4891977,2.64338952 9.35733769,5.13416311 8.18505413,7.54586452 C5.67879272,7.42725626 3.09168417,7.34818408 0.625846331,7.03189537 C0.019492764,6.95282319 -0.182625092,7.74354497 0.181187048,8.09936976 C1.47474132,9.44359678 2.64702489,10.866896 3.85973202,12.2506591 C4.14269702,12.5669478 4.50650916,13.2390613 4.8703213,13.5158139 C4.42566202,14.3856079 4.46608559,15.9275153 4.3043913,16.8763815 C4.10227345,18.1415363 3.90015559,19.367155 3.65761417,20.6323099 C3.57676702,21.146279 4.10227345,21.6997843 4.62777987,21.3834956 C6.123452,20.4741655 7.57870056,19.4857633 9.0743727,18.5368972 C9.68072626,18.1415363 10.367927,17.7857115 10.933857,17.3508145 C10.933857,17.3508145 11.0551277,17.2717423 11.1359748,17.2322063 C11.4189398,17.4694228 11.9040227,17.7066393 12.0252934,17.8252476 C12.631647,18.2996806 13.2784241,18.7345776 13.8847777,19.1694746 C15.0974848,20.0392686 16.3101919,20.9485986 17.5228991,21.8579286 C17.8867112,22.1346813 18.6951826,22.016073 18.6143355,21.4230317 C18.4526412,20.0788046 18.0888291,18.7345776 17.7654405,17.4298867 C17.4824755,16.3624123 17.3612048,14.9786492 16.9165455,13.9111748 C17.0378162,13.8321026 17.2399341,13.6344222 17.2803576,13.5948861 C17.8867112,13.120453 18.4526412,12.64602 19.0589948,12.1715869 C20.352549,11.1436486 21.6461033,10.1157103 22.9396576,9.08777198 C23.2630462,8.85055545 23.0609283,8.29705021 22.6566926,8.17844194" id="Fill-1"></path>
        </g>
      </g>
    </g>
  </svg>
Rewards
            </a>
          </li><li>
          <a href="/account" class="py-2 uppercase tracking-2 flex text-epic-black hover:text-blue mobile-menu-utility font-semibold text-p-s">
            

  <svg aria-hidden="true" width="15px" height="20px" viewBox="0 0 15 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Login Icon">
    <title>Login Icon</title>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
      <g id="Global-Header/desktop" transform="translate(-965.000000, -110.000000)">
        <rect id="Rectangle" fill="#FFFFFF" x="0" y="72" width="1440" height="151"></rect>
        <g id="account/wishlist/cart" transform="translate(965.000000, 108.000000)" fill="#23262A" fill-rule="nonzero">
          <g id="count" transform="translate(0.000000, 2.000000)">
            <path d="M9.45491512,2.22485028 C10.0418215,3.41590499 9.55253468,4.59279332 8.87576674,5.6428134 C7.88837215,7.1747752 6.58790609,6.00158103 5.98199026,4.86612955 C5.41288613,3.79966009 4.93229804,1.91736907 6.43639121,1.33463167 C7.46965515,0.93430996 8.91208592,1.30716297 9.48351326,2.21197841 C9.89637788,2.86571944 10.9748838,2.26989592 10.560122,1.61314962 C9.5993939,0.091905866 7.34378529,-0.413074683 5.6801829,0.354832263 C3.70417181,1.26694511 4.00865228,3.70988572 4.81762345,5.30263648 C5.60458821,6.85205953 7.4674002,8.41335472 9.257949,7.19897212 C10.0254314,6.67845185 10.4840412,5.40596469 10.7867369,4.59329121 C11.1646353,3.57871769 11.0018088,2.58040952 10.5315239,1.62602149 C10.1911338,0.935240829 9.1159255,1.53691096 9.45491512,2.22485028 L9.45491512,2.22485028 Z" id="Path"></path>
            <path d="M4.51574621,10.6185555 C6.99271669,10.6020829 12.3601876,9.57336722 13.3798464,12.1656411 C13.8384234,13.331478 13.5902402,15.0384335 13.6003035,16.2795687 C13.6160004,18.2153256 13.5981864,18.6742201 11.3248383,18.6741899 C9.89521417,18.6741718 8.46559053,18.6741517 7.0359669,18.6741336 C5.84504449,18.6741175 3.25277341,19.194676 2.21098642,18.6740712 C1.02298361,18.080397 1.44174023,16.4761512 1.44154455,15.381159 C1.44143699,14.7787306 1.28023124,13.7659684 1.44527432,13.1601827 C1.72954365,12.1167786 3.32856759,10.7343503 4.55836004,10.6740602 C5.35674101,10.6349195 5.36162524,9.44822182 4.55836004,9.48760088 C2.90358565,9.56872458 0.968692894,9.83980486 0.334231231,11.5536438 C0.0034320584,12.4472156 0.196277128,13.575165 0.195182626,14.4927669 C0.193735297,15.7061568 -0.257188305,17.900983 0.216633174,19.0135622 C0.852981219,20.5077702 2.86974801,19.8605385 4.35542212,19.8605586 C6.14245179,19.8605808 7.92948145,19.8606049 9.71651112,19.860627 C11.1770143,19.8606471 12.9336178,20.1292592 14.3516641,19.797217 C14.5619511,19.7479763 14.7292876,19.5780548 14.7870842,19.3828824 C15.2119442,17.9481538 14.8777035,16.0021782 14.8307228,14.5047919 C14.7902857,13.2159367 14.886527,11.4340954 14.0210762,10.3276072 C13.5050293,9.66783749 12.9348904,9.47417569 12.0917351,9.39014532 C9.6313774,9.14493961 6.99100126,9.41563463 4.51574621,9.43209515 C3.71374597,9.43742883 3.71193302,10.6239002 4.51574621,10.6185555 L4.51574621,10.6185555 Z" id="Path"></path>
          </g>
        </g>
      </g>
    </g>
  </svg>

Login
          </a>
        </li><li>
            <a href="/a/wishlist" class="py-2 uppercase tracking-2 flex text-epic-black hover:text-blue mobile-menu-utility font-semibold text-p-s">
              

  <svg aria-hidden="true" class="wishlist-icon" width="21px" height="20px" viewBox="0 0 21 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Wishlist Icon">
    <title>Wishlist Icon</title>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
      <g id="Global-Header/desktop" transform="translate(-1074.000000, -110.000000)">
        <rect id="Rectangle" fill="#FFFFFF" x="0" y="72" width="1440" height="151"></rect>
        <g id="account/wishlist/cart" transform="translate(965.000000, 108.000000)" fill="#23262A" fill-rule="nonzero">
          <g id="wishlist" transform="translate(109.000000, 2.000000)">
            <path d="M4.59446525,15.0592518 C4.35787233,14.8058201 4.11899716,14.5547278 3.88012198,14.3020759 C2.94287927,13.3133024 1.97292435,12.2917777 1.15283697,11.1618623 C-0.388440417,9.03849463 -0.27661032,5.50058826 0.852341132,3.75541866 C1.94097289,2.07497162 3.25098259,1.11037162 4.74737579,0.888911314 C6.56480505,0.617544459 8.62871697,1.4636164 10.8797731,3.3998345 C11.1209306,3.60725859 11.152882,3.97531939 10.9505228,4.22329255 C10.7481636,4.4712657 10.3883293,4.50401688 10.1464111,4.295813 C8.15477037,2.58495415 6.39287579,1.83089741 4.91093682,2.04689918 C3.75003391,2.21923273 2.70476484,3.01149918 1.80403808,4.4026442 C0.920808539,5.76649658 0.842451396,8.77414588 2.06877872,10.4623908 C2.84474265,11.5314827 3.78731061,12.5257147 4.69944861,13.4864157 C4.94060603,13.7406272 5.18176345,13.9948387 5.42063862,14.2506097 C5.92425443,14.7910041 4.66901865,15.1395701 4.59446525,15.0592518 Z" id="Path"></path>
            <path d="M11.1551643,20 C10.8432572,20 10.5305894,19.8986273 10.2764992,19.6912032 C9.42902488,19.0049882 8.56633556,18.3413871 7.74092294,17.7050786 C6.81280921,16.9900113 5.93642641,16.3154931 5.16959147,15.6776251 C4.9246303,15.4740999 4.8873536,15.1060391 5.08590908,14.854167 C5.28370381,14.6038545 5.64353807,14.5656448 5.88849923,14.7683902 C6.63935845,15.3930018 7.50813376,16.0612817 8.4271185,16.7693308 C9.25937786,17.410318 10.1289139,18.0809373 10.9839957,18.7726108 C11.0866969,18.8552686 11.2647121,18.8451313 11.3582842,18.7507767 C11.8383168,18.2626283 12.3533439,17.7588841 12.8866289,17.2364249 C14.7071011,15.451486 16.7702523,13.4287113 18.4089056,11.1330101 C20.313821,8.46300975 20.3556622,5.49590952 18.5222572,2.99278422 C18.3328307,2.7346738 18.3845616,2.3673928 18.6363695,2.17400492 C18.8889382,1.98061705 19.2457294,2.03208318 19.4351559,2.2901936 C21.5584063,5.1910117 21.5188473,8.75465114 19.3294118,11.823124 C17.6314201,14.2038223 15.52871,16.264027 13.6740041,18.0817171 C13.1460443,18.5994975 12.6363425,19.0993428 12.1608744,19.5820327 C11.889287,19.8596378 11.522606,20 11.1551643,20 Z" id="Path"></path>
            <path d="M10.5138529,4.63736093 C10.4940734,4.63736093 10.4735332,4.63658114 10.452993,4.63424178 C10.1395644,4.59993102 9.91210047,4.31218858 9.94557342,3.99091518 C10.1197849,2.30033087 10.964977,1.02615432 12.3251962,0.403102261 C14.0657898,-0.396182295 16.4385658,0.0147669355 18.3723896,1.44412166 C18.6280013,1.63283079 18.6858182,1.99855221 18.5009562,2.26056159 C18.3160942,2.52335076 17.9593029,2.58261478 17.704452,2.39312586 C16.095468,1.2039464 14.1684909,0.841344135 12.7915353,1.47063451 C11.8040831,1.9229126 11.2122204,2.83682626 11.0806109,4.11412197 C11.0494202,4.41434105 10.8021767,4.63736093 10.5138529,4.63736093 Z" id="Path"></path>
          </g>
        </g>
      </g>
    </g>
  </svg>


              

  <svg aria-hidden="true" class="wishlist-icon-full hidden" width="21px" height="20px" viewBox="0 0 21 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Wishlist Icon">
    <title>Wishlist Icon</title>
    <g id="PDP" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
      <g id="D---PDP---Buy-Box" transform="translate(-548.000000, -1922.000000)" fill="#23262A">
        <g id="buy-box" transform="translate(120.000000, 1530.000000)">
          <path d="M438.955579,395.709678 C440.18385,393.274649 441.89002,392.269538 444.074087,392.694345 C447.350189,393.331556 449.431668,396.55785 449.431668,397.843728 C449.431668,398.762427 450.293159,400.509705 446.651642,405.140776 C445.19623,406.991685 442.578984,409.329196 439.57799,412.218806 C435.215954,409.460738 429.957021,403.905638 429.322446,402.409249 C428.687871,400.91286 427.776782,396.145009 431.770093,393.977382 C434.4323,392.532297 436.827462,393.109729 438.955579,395.709678 Z" id="Path-3"></path>
        </g>
      </g>
    </g>
  </svg>

Wishlist
            </a>
          </li></ul>
    </div>
  </div>

  <div class="overlay"></div>
</div>

<script>
  $(document).ready(function(){
    $('body').on('click','.hamburger_icon',function(e){
      e.preventDefault();
      $('.navigation').addClass('active_menu');
      $('body').addClass('body_active_menu');
      $('.overlay').addClass('active_overlay');
      $('.hamburger_icon').attr('aria-expanded', 'true');
    });
    $('body').on('click','.overlay, .close_icons',function(e){
      e.preventDefault();
      $('.navigation').removeClass('active_menu');
      $('body').removeClass('body_active_menu');
      $('.overlay').removeClass('active_overlay');
      $('.hamburger_icon').attr('aria-expanded', 'false');
    });
    if ($(window).width() < 769) {
      $('body').on('click','.hasMega > a.main-nav__link',function(e){
        e.preventDefault();
        $('.navigation').addClass('main_sub_active_menu');
        $(this).closest('.hasMega').addClass('sub_active_menu');
      });
      $('body').on('click','.menu_back_icon',function(e){
        e.preventDefault();
        $('.navigation').removeClass('main_sub_active_menu');
        $(this).closest('.hasMega').removeClass('sub_active_menu');
        $(this).closest('.hasDropdown').removeClass('sub_active_menu');
      });
      $('body').on('click','.hasDropdown > a',function(e){
        e.preventDefault();
        $('.navigation').addClass('main_sub_active_menu');
        $(this).closest('.hasDropdown').addClass('sub_active_menu');
      });
    }
    var desktopCTAs = $('.announcement_bar.desktop > div');
    var mobileCTAs = $('.announcement_bar.mobile > div');

    if(desktopCTAs.length > 1){
      var current = 1;
      setInterval(function(){
        $(".announcement_bar.desktop .message"+current+"").fadeOut("slow", function(){
          current == 1 ? current = 2 : current = 1;
          $(".announcement_bar.desktop .message"+current+"").fadeIn("slow");
        });
      }, 5000);
    }
    if(mobileCTAs.length > 1){
      var i = 1;
      setInterval(function(){
        $(".announcement_bar.mobile .message"+i+"").fadeOut("slow", function(){
          i == 1 ? i = 2 : i = 1;
          $(".announcement_bar.mobile .message"+i+"").fadeIn("slow");
        });
      }, 5000);
    }
    $('body').on('focus click', '.search-input', function() {
      if ($(window).width() <= 768) {
        $("html, body").animate({ scrollTop: "0px" });
      }
    });
    function hideAcronyms() {
        if($(".navigation").find("a").length == 0){
          setTimeout(hideAcronyms,500);
          return;
        }

        let navLinks = $('.navigation').find("a");
        navLinks.each(function(){
          let hasAcronym = false;
          if($(this).text().indexOf("(") !== -1){
            hasAcronym = true;
          }
          if(hasAcronym){
            let oldString = $(this).text();
            let firstIndex = oldString.indexOf("(") + 1;
            let lastIndex = oldString.indexOf(")");
            let newString = oldString.substring(firstIndex,lastIndex);
            $(this).html(`${newString}`);
          }
        });
    }
    if ($(window).width() <= 768) {
      hideAcronyms();
    }
  });
  var position = $(window).scrollTop();
  $(window).on('scroll', function(e){
    var scroll = $(window).scrollTop();
    if( scroll > 170 && $(window).width() > 768){
      // Desktop
      $('.navigation').addClass('fixed').addClass('-top-20');
    } else {
      // Mobile
      $('.navigation').removeClass('fixed');
    }
    if( scroll > 180 && $(window).width() > 768){
      //Desktop
        $('.navigation').addClass('fixed');
        $("#shopify-section-header").removeClass('fixed');
    } else {
      // Mobile
        $('.navigation').removeClass('fixed');
    }
    // Mobile
    if ($(window).width() <= 768) {
      
    }

    //Desktop
    if ($(window).width() >= 769) {
      var $filler = $('.header-filler');
      $filler.css('height', 0);
    }

    $(document).on('click', ".navigation .main-nav__link", function(e){
      if($(window).width() <= 1024) {
        e.preventDefault();
      }
    });
    if($(window).width() >= 768) {
      $('.main-nav__link').hover(function(){
        $('.main-nav__link').each(function(){
          $(this).removeClass("afterShow");
        });
      });
    }
    if($(window).width() >= 768) {
      $('.main-nav__link').hover(function(){
        $('.main-nav__link').each(function(){
          $(this).removeClass("afterShow")
        });
        $(this).addClass("afterShow");
        if($(this).next().is(":hidden")){
          $(this).removeClass("afterShow");
        }
      });
      $('.subnav, .submenu').on('mouseleave', function(){
        if($(this).is(":hidden")){
          $(this).prev().removeClass("afterShow");
        }
      });
    }
  });

  
    $(".wishlist-icon-full").hide();
    var SWCallbackWishlistButtonLoaded = function () {
      $(".wishlist-icon-full").hide();
      function updateWishlistIcon() {
        var topBadge = $('.topbadge')[0].innerText;

        if (topBadge !== null && topBadge !== 'null' && topBadge !== '' && topBadge !== '0' && typeof topBadge !== 'undefined') {
          $(".wishlist-icon-full").show();
          $(".wishlist-icon").hide();
          $('.topbadge').hide();
        }
        else {
          $(".wishlist-icon").show();
          $(".wishlist-icon-full").hide();
        }
      }
      updateWishlistIcon();
      $('body').on('DOMSubtreeModified', '.topbadge', function () {
        updateWishlistIcon();
      });
    };
  
</script>

<style> #shopify-section-header li[data-item="sale"] > a, #shopify-section-header a.header-nav-sale {color: #d90a6b !important; font-weight: 800 !important;} </style></div>

    <div class="header-filler"></div>

    <main role="main" id="root">
      <div id="shopify-section-template--24513233682723__2bbcb889-7802-4f2b-8b7e-8db330fa73e5" class="shopify-section">

<div class="main-hero-container  mb-6 lg:mb-8 ">
  
  <div class="relative glide hero__slider hero-mobile-slider-placement">
    <div class="glide__track" data-glide-el="track">
      <div class="glide__slides">
  
        
          
          
          

          
            
              <a href="https://shop.epicreads.com/pages/read-what-you-love" class="epic-hero-link hover:no-underline glide__slide md:relative hero-slide-container flex flex-col" data-theme="light-text" data-index="0" >
                
                <div class="hero-image-desktop">
                <img src="//epicreads.com/cdn/shop/files/er_012026_Love_2880x720_hp.png?v=1768886555&amp;width=2000" alt="Promotional banner with text Stock up and Save Sitewide - Extra 15% off 2+ Books with code: LOVEBOOKS - Shop Now" srcset="//epicreads.com/cdn/shop/files/er_012026_Love_2880x720_hp.png?v=1768886555&amp;width=352 352w, //epicreads.com/cdn/shop/files/er_012026_Love_2880x720_hp.png?v=1768886555&amp;width=832 832w, //epicreads.com/cdn/shop/files/er_012026_Love_2880x720_hp.png?v=1768886555&amp;width=1200 1200w, //epicreads.com/cdn/shop/files/er_012026_Love_2880x720_hp.png?v=1768886555&amp;width=1920 1920w, //epicreads.com/cdn/shop/files/er_012026_Love_2880x720_hp.png?v=1768886555&amp;width=2000 2000w" width="2000" height="500">
              </div>
              <div class="hero-image-mobile">
                <img src="//epicreads.com/cdn/shop/files/er_012026_Love_1536x1352_mobile.png?v=1768886567&amp;width=1600" alt="Promotional banner with text Stock up and Save Sitewide - Extra 15% off 2+ Books with code: LOVEBOOKS - Shop Now" srcset="//epicreads.com/cdn/shop/files/er_012026_Love_1536x1352_mobile.png?v=1768886567&amp;width=352 352w, //epicreads.com/cdn/shop/files/er_012026_Love_1536x1352_mobile.png?v=1768886567&amp;width=832 832w, //epicreads.com/cdn/shop/files/er_012026_Love_1536x1352_mobile.png?v=1768886567&amp;width=1200 1200w, //epicreads.com/cdn/shop/files/er_012026_Love_1536x1352_mobile.png?v=1768886567&amp;width=1600 1600w" width="1600" height="1408">
              </div>
                
              </a>
            
          
        
          
          
          

          
            
              <a href="https://shop.epicreads.com/collections/sale" class="epic-hero-link hover:no-underline glide__slide md:relative hero-slide-container flex flex-col" data-theme="light-text" data-index="1" >
                
                <div class="hero-image-desktop">
                <img src="//epicreads.com/cdn/shop/files/er_012026_Love_2880x720_hp_NoPromo.png?v=1768886667&amp;width=2000" alt="Promotional banner with an open book, magic wand, heart, and music notes on a purple background with text Read What You Love. Romance Optional. Up to 60% off Select titles running through March 2 - Shop Now" srcset="//epicreads.com/cdn/shop/files/er_012026_Love_2880x720_hp_NoPromo.png?v=1768886667&amp;width=352 352w, //epicreads.com/cdn/shop/files/er_012026_Love_2880x720_hp_NoPromo.png?v=1768886667&amp;width=832 832w, //epicreads.com/cdn/shop/files/er_012026_Love_2880x720_hp_NoPromo.png?v=1768886667&amp;width=1200 1200w, //epicreads.com/cdn/shop/files/er_012026_Love_2880x720_hp_NoPromo.png?v=1768886667&amp;width=1920 1920w, //epicreads.com/cdn/shop/files/er_012026_Love_2880x720_hp_NoPromo.png?v=1768886667&amp;width=2000 2000w" width="2000" height="500">
              </div>
              <div class="hero-image-mobile">
                <img src="//epicreads.com/cdn/shop/files/er_012026_Love_1536x1352_mobilev.png?v=1768886681&amp;width=1600" alt="Promotional banner with an open book, magic wand, heart, and music notes on a purple background with text Read What You Love. Romance Optional. Up to 60% off Select titles running through March 2 - Shop Now" srcset="//epicreads.com/cdn/shop/files/er_012026_Love_1536x1352_mobilev.png?v=1768886681&amp;width=352 352w, //epicreads.com/cdn/shop/files/er_012026_Love_1536x1352_mobilev.png?v=1768886681&amp;width=832 832w, //epicreads.com/cdn/shop/files/er_012026_Love_1536x1352_mobilev.png?v=1768886681&amp;width=1200 1200w, //epicreads.com/cdn/shop/files/er_012026_Love_1536x1352_mobilev.png?v=1768886681&amp;width=1600 1600w" width="1600" height="1408">
              </div>
                
              </a>
            
          
        
          
          
          

          
            
              <a href="https://shop.epicreads.com/collections/special-editions-and-box-sets" class="epic-hero-link hover:no-underline glide__slide md:relative hero-slide-container flex flex-col" data-theme="light-text" data-index="2" >
                
                <div class="hero-image-desktop">
                <img src="//epicreads.com/cdn/shop/files/Dec_-_Jan_Homepage.png?v=1766978376&amp;width=2000" alt="Promotional banner for Elevated Epic Editions with book covers and a &#39;Shop Now&#39; button." srcset="//epicreads.com/cdn/shop/files/Dec_-_Jan_Homepage.png?v=1766978376&amp;width=352 352w, //epicreads.com/cdn/shop/files/Dec_-_Jan_Homepage.png?v=1766978376&amp;width=832 832w, //epicreads.com/cdn/shop/files/Dec_-_Jan_Homepage.png?v=1766978376&amp;width=1200 1200w, //epicreads.com/cdn/shop/files/Dec_-_Jan_Homepage.png?v=1766978376&amp;width=1920 1920w, //epicreads.com/cdn/shop/files/Dec_-_Jan_Homepage.png?v=1766978376&amp;width=2000 2000w" width="2000" height="500">
              </div>
              <div class="hero-image-mobile">
                <img src="//epicreads.com/cdn/shop/files/Dec_-_Jan_Homepage_Mobile.png?v=1766978388&amp;width=1600" alt="Promotional image for &#39;Elevated Epic Editions&#39; featuring deluxe book editions with a dark green background." srcset="//epicreads.com/cdn/shop/files/Dec_-_Jan_Homepage_Mobile.png?v=1766978388&amp;width=352 352w, //epicreads.com/cdn/shop/files/Dec_-_Jan_Homepage_Mobile.png?v=1766978388&amp;width=832 832w, //epicreads.com/cdn/shop/files/Dec_-_Jan_Homepage_Mobile.png?v=1766978388&amp;width=1200 1200w, //epicreads.com/cdn/shop/files/Dec_-_Jan_Homepage_Mobile.png?v=1766978388&amp;width=1600 1600w" width="1600" height="1408">
              </div>
                
              </a>
            
          
        
          
          
          

          
            
              <a href="https://epicreads.com/products/catch-her-if-you-can-a-novel-1?variant=54178756559139" class="epic-hero-link hover:no-underline glide__slide md:relative hero-slide-container flex flex-col" data-theme="dark-text-bg" data-index="3" >
                
                <div class="hero-image-desktop">
                <img src="//epicreads.com/cdn/shop/files/er_012026_CatchHer_2880x720_hp.jpg?v=1769105278&amp;width=2000" alt="Promotional banner for Tessa Bailey&#39;s book &#39;Catch Me If You Can&#39; with a man and woman embracing on a blue background. New Limited Special Paperback Edition From #1 New York Times Bestselling Author - Shop Now" srcset="//epicreads.com/cdn/shop/files/er_012026_CatchHer_2880x720_hp.jpg?v=1769105278&amp;width=352 352w, //epicreads.com/cdn/shop/files/er_012026_CatchHer_2880x720_hp.jpg?v=1769105278&amp;width=832 832w, //epicreads.com/cdn/shop/files/er_012026_CatchHer_2880x720_hp.jpg?v=1769105278&amp;width=1200 1200w, //epicreads.com/cdn/shop/files/er_012026_CatchHer_2880x720_hp.jpg?v=1769105278&amp;width=1920 1920w, //epicreads.com/cdn/shop/files/er_012026_CatchHer_2880x720_hp.jpg?v=1769105278&amp;width=2000 2000w" width="2000" height="500">
              </div>
              <div class="hero-image-mobile">
                <img src="//epicreads.com/cdn/shop/files/er_012026_CatchHer_1536x1352_mobile.jpg?v=1769105292&amp;width=1600" alt="Promotional banner for Tessa Bailey&#39;s book &#39;Catch Me If You Can&#39; with a man and woman embracing on a blue background. New Limited Special Paperback Edition From #1 New York Times Bestselling Author - Shop Now" srcset="//epicreads.com/cdn/shop/files/er_012026_CatchHer_1536x1352_mobile.jpg?v=1769105292&amp;width=352 352w, //epicreads.com/cdn/shop/files/er_012026_CatchHer_1536x1352_mobile.jpg?v=1769105292&amp;width=832 832w, //epicreads.com/cdn/shop/files/er_012026_CatchHer_1536x1352_mobile.jpg?v=1769105292&amp;width=1200 1200w, //epicreads.com/cdn/shop/files/er_012026_CatchHer_1536x1352_mobile.jpg?v=1769105292&amp;width=1600 1600w" width="1600" height="1408">
              </div>
                
              </a>
            
          
        
    
      </div>
    </div>

    <div class="glide__arrows" data-glide-el="controls">
      <button class="glide__arrow glide__arrow--left absolute left-2 xl:left-10 top-1/2  lg-up:top-1/2  text-light-charcoal hover:text-white -translate-y-1/2 transform w-10 h-10 rounded-full bg-white hover:bg-light-charcoal flex justify-center items-center z-2 transition duration-300 ease-in-out" data-glide-dir="<">
        <svg width="8px" height="14px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 14"><path d="M7 1 1 7l6 6" stroke="currentColor" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"/></svg>
        <span class="sr-only">previous</span>
      </button>
      <button class="glide__arrow glide__arrow--right absolute right-2 xl:right-10 top-1/2  lg-up:top-1/2  text-light-charcoal hover:text-white -translate-y-1/2 transform w-10 h-10 rounded-full bg-white hover:bg-light-charcoal flex justify-center items-center z-2 transition duration-300 ease-in-out" data-glide-dir=">">
        <svg width="8px" height="14px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 14"><path d="m1 1 6 6-6 6" stroke="currentColor" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"/></svg>
        <span class="sr-only">next</span>
      </button>
    </div>

    <div class="inline-flex glide__bullets absolute  hero-glide-bullets  left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-[3]"
      data-glide-el="controls[nav]"><button
        class="glide__bullet w-2 h-2 mr-7 bg-light-charcoal rounded-full opacity-30 transition duration-300 ease-in-out"
        data-glide-dir="=0"
        aria-label="slide 1 of 4"
        aria-current="true"></button>
      <button
        class="glide__bullet w-2 h-2 mr-7 bg-light-charcoal rounded-full opacity-30 transition duration-300 ease-in-out"
        data-glide-dir="=1"
        aria-label="slide 2 of 4"
        aria-current="false"></button>
      <button
        class="glide__bullet w-2 h-2 mr-7 bg-light-charcoal rounded-full opacity-30 transition duration-300 ease-in-out"
        data-glide-dir="=2"
        aria-label="slide 3 of 4"
        aria-current="false"></button>
      <button
        class="glide__bullet w-2 h-2  bg-light-charcoal rounded-full opacity-30 transition duration-300 ease-in-out"
        data-glide-dir="=3"
        aria-label="slide 4 of 4"
        aria-current="false"></button>
      
    </div>
  </div>
  
</div>

<style>
  .hero-glide-bullets {
    bottom:  -46px;
    margin-bottom: 12px;
  }

  @media screen and (min-width: 1024px) {
    .hero-text-content-container {
      top: 0;
    }

    .epic-hero-heading.epic-hero-heading-white,
    .epic-hero-intro.epic-hero-intro-white {
      color: #ffffff !important;
    }

    .epic-body .desktop-button-text-white {
      color: #ffffff !important;
      --n:4; /* adjust this to control the delay */
    text-decoration:none;
    background:
      linear-gradient(to right,
         #ffffff          calc(100%/var(--n)),
         transparent 0 calc((var(--n) - 1)*100%/var(--n)),
         #ffffff 0) 
      bottom right/
      calc(var(--n)*100%) 2px 
      no-repeat;

      &:hover,
      &:focus {
        @apply text-white !important;
        &:after {
          content: none;
          background-image: none;
        }
      }
      &:after {
        background-color: #ffffff !important;
      }

      &:hover,
      &:focus {
        color: #ffffff !important;
      }
    }
  }

  @media screen and (max-width: 1023px) {
    .hero-mobile-slider-placement .glide__arrows {
      top: 20% !important;
    }

    .hero__slider .glide__arrows {
      top: 50%;
    }
  }

  .epic-hero-link {
    text-decoration: none !important;
  }
</style>

</div><div id="shopify-section-template--24513233682723__featured_products_yFdgia" class="shopify-section">
 





  <div class="product-list__index container my-6 lg:mt-0 lg:pt-4 lg:mb-8">
    
      <h5 class="h5 text-center divider-heading">New Releases</h5>
    
    
      
        <a class="link block text-center -mt-3 mb-4 lg:mb-6 " href="https://shop.epicreads.com/collections/new-releases">Shop the full collection >></a>
      
    
    <!-- //Rebuy -->
    <div data-rebuy-id="204616" data-rebuy-shopify-product-ids=""></div>
  </div>


</div><div id="shopify-section-template--24513233682723__featured_products_6mcm47" class="shopify-section">
 





  <div class="product-list__index container my-6 lg:mt-0 lg:pt-4 lg:mb-8">
    
      <h5 class="h5 text-center divider-heading">Special Editions and Box Sets</h5>
    
    
      
        <a class="link block text-center -mt-3 mb-4 lg:mb-6 " href="https://shop.epicreads.com/collections/special-editions-and-box-sets">Shop the full collection >></a>
      
    
    <!-- //Rebuy -->
    <div data-rebuy-id="261447" data-rebuy-shopify-product-ids=""></div>
  </div>


</div><div id="shopify-section-template--24513233682723__50_50_AjWW8d" class="shopify-section">





<div id="fifty-fifty-template--24513233682723__50_50_AjWW8d" class="grid lg:grid-cols-2">
  <style data-shopify>
    #fifty-fifty-template--24513233682723__50_50_AjWW8d .fifty-fifty__image::before {
      padding-bottom: 57.14285714285714%;
      content: '';
      display: block;
    }
  </style>

  
  <a class="fifty-fifty__image relative " href="https://shop.epicreads.com/products/epic-reads-hat?variant=54439044874531"><img src="//epicreads.com/cdn/shop/files/er_102025_Hat_1400x800_5050.jpg?v=1766764544&amp;width=1500" alt="Two people wearing blue baseball caps with text in front of a bookshelf." srcset="//epicreads.com/cdn/shop/files/er_102025_Hat_1400x800_5050.jpg?v=1766764544&amp;width=165 165w, //epicreads.com/cdn/shop/files/er_102025_Hat_1400x800_5050.jpg?v=1766764544&amp;width=360 360w, //epicreads.com/cdn/shop/files/er_102025_Hat_1400x800_5050.jpg?v=1766764544&amp;width=535 535w, //epicreads.com/cdn/shop/files/er_102025_Hat_1400x800_5050.jpg?v=1766764544&amp;width=750 750w, //epicreads.com/cdn/shop/files/er_102025_Hat_1400x800_5050.jpg?v=1766764544&amp;width=1070 1070w, //epicreads.com/cdn/shop/files/er_102025_Hat_1400x800_5050.jpg?v=1766764544&amp;width=1500 1500w" height="800" loading="lazy" class="object-cover absolute inset-0 w-full h-full lazy" sizes="50vw">
  </a>
  

  <div class="w-full px-6 py-6 xl:py-8 lg:flex lg:flex-col lg:justify-center lg:items-end">
    <div class="lg:pl-24 lg:max-w-half-container mx-auto">
      
        <h2 class="mt-0 mb-4 lg:mb-6">
          
            <span class="h6 relative mt-0 mb-2 block">
              <span class="mb-2 lg:mb-0 lg:absolute lg:right-full lg:bottom-1 lg:pr-9  hidden ">




<svg width="42px" height="30px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 30"><g fill-rule="nonzero" fill="none"><path fill="#f3ca32" d="M39.574 2.222 42 29.713 15.913 0z"/><path fill="#89bda4" d="M0 22.58 41.556 30 19.272 10.323z"/></g></svg>


</span>
              Epic Reads Merch - Limited Quantities
            </span>
          

          <span class="block lg-up:text-h3 2xl:text-h2">The “It’s a Reader Thing” Hat</span>
        </h2>
      

      <p class="text-p md:text-p-l lg-up:text-[18px] 2xl:text-p-l my-4 lg:my-6">First spotted at Shelves and the City, back by popular demand! More than an accessory, it’s a declaration of reader pride, a badge of honor for every bookworm, shelf-stylist, and TBR conqueror.</p>

      
        

        <component-add-to-cart>
          <button class="cursor-pointer button button-primary button--custom "
            href="/products/epic-reads-hat" data-variant-id="54439044874531"
            >
            
              <span>Add to Cart</span>
            
          </button>
        </component-add-to-cart>
      
    </div>
  </div>
</div>

<style>
  .epic-body .button--custom {
    text-decoration: none !important;
  }

  .epic-body .button-tertiary:hover {
    text-decoration: none !important;
    color: #1D2225 !important;
  }
</style>

</div><div id="shopify-section-template--24513233682723__50_50_7wHnUh" class="shopify-section">





<div id="fifty-fifty-template--24513233682723__50_50_7wHnUh" class="grid lg:grid-cols-2">
  <style data-shopify>
    #fifty-fifty-template--24513233682723__50_50_7wHnUh .fifty-fifty__image::before {
      padding-bottom: 57.14285714285714%;
      content: '';
      display: block;
    }
  </style>

  
  <a class="fifty-fifty__image relative lg:order-1" href="https://shop.epicreads.com/products/romancing-mister-bridgerton-deluxe-collectors-edition-bridgerton"><img src="//epicreads.com/cdn/shop/files/3.png?v=1767706222&amp;width=1500" alt="" srcset="//epicreads.com/cdn/shop/files/3.png?v=1767706222&amp;width=165 165w, //epicreads.com/cdn/shop/files/3.png?v=1767706222&amp;width=360 360w, //epicreads.com/cdn/shop/files/3.png?v=1767706222&amp;width=535 535w, //epicreads.com/cdn/shop/files/3.png?v=1767706222&amp;width=750 750w, //epicreads.com/cdn/shop/files/3.png?v=1767706222&amp;width=1070 1070w, //epicreads.com/cdn/shop/files/3.png?v=1767706222&amp;width=1500 1500w" height="800" loading="lazy" class="object-cover absolute inset-0 w-full h-full lazy" sizes="50vw">
  </a>
  

  <div class="w-full px-6 py-6 xl:py-8 lg:flex lg:flex-col lg:justify-center lg:justify-self-end">
    <div class="lg:pl-24 lg:max-w-half-container mx-auto">
      
        <h2 class="mt-0 mb-4 lg:mb-6">
          
            <span class="h6 relative mt-0 mb-2 block">
              <span class="mb-2 lg:mb-0 lg:absolute lg:right-full lg:bottom-1 lg:pr-9  hidden ">




<svg width="42px" height="30px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 30"><g fill-rule="nonzero" fill="none"><path fill="#f3ca32" d="M39.574 2.222 42 29.713 15.913 0z"/><path fill="#89bda4" d="M0 22.58 41.556 30 19.272 10.323z"/></g></svg>


</span>
              #1 New York Times Bestselling Series
            </span>
          

          <span class="block lg-up:text-h3 2xl:text-h2">Romancing Mister Bridgerton Deluxe Collector's Edition</span>
        </h2>
      

      <p class="text-p md:text-p-l lg-up:text-[18px] 2xl:text-p-l my-4 lg:my-6">Experience Colin and Penelope's story in a stunning hardcover Deluxe Collector’s Edition of the fourth novel in Julia Quinn’s beloved series, featuring beautiful endpapers, a ribbon marker, and a gorgeous, decorated spine. 
<br>
<br>
<span style="color: #e0311c"><b>$24.00  </b></span>   <s>$30.00</s> <span style="color: #e0311c">        Save 20%</span></p>

      
        

        <component-add-to-cart>
          <button class="cursor-pointer button button-primary button--custom "
            href="/products/romancing-mister-bridgerton-deluxe-collectors-edition-bridgerton" data-variant-id="54021408129315"
            >
            
              <span>Add to Cart</span>
            
          </button>
        </component-add-to-cart>
      
    </div>
  </div>
</div>

<style>
  .epic-body .button--custom {
    text-decoration: none !important;
  }

  .epic-body .button-tertiary:hover {
    text-decoration: none !important;
    color: #1D2225 !important;
  }
</style>

</div><div id="shopify-section-template--24513233682723__featured_products_h9NAtz" class="shopify-section">
 





  <div class="product-list__index container my-6 lg:mt-0 lg:pt-4 lg:mb-8">
    
      <h5 class="h5 text-center divider-heading">Top Trending &amp; Bestsellers</h5>
    
    
      
        <a class="link block text-center -mt-3 mb-4 lg:mb-6 " href="https://shop.epicreads.com/collections/bestsellers">Shop the full collection >></a>
      
    
    <!-- //Rebuy -->
    <div data-rebuy-id="204619" data-rebuy-shopify-product-ids=""></div>
  </div>


</div><div id="shopify-section-template--24513233682723__side_by_side_4rr9wA" class="shopify-section"><div class="container px-6 xl:px-0 mt-6 mb-8 lg:py-4 lg:my-4 grid md:grid-cols-2 gap-8 lg:gap-6">
  
    <div>
      
        <a class="link-no-decoration" href="https://shop.epicreads.com/products/epic-reads-gift-card?variant=54456819450147">
      
      <picture>
        <source media="(min-width: 768px)" srcset="//epicreads.com/cdn/shop/files/giftcard_1176x882_matchedpink_588x441_crop_center@2x.png?v=1767041262" loading="lazy" alt="">
        <img class="mb-0 lg:mb-4 lazy" src="//epicreads.com/cdn/shop/files/giftcard_1176x882_matchedpink_327x245_crop_center@2x.png?v=1767041262" alt="" width="654" height="490">
      </picture>
      
      <div class="max-w-sm mx-auto text-center mt-4 md+:mt-0">
        <h2 class="h3 my-4 md:my-6">Epic Reads Gift Cards</h2>
        <p class="text-p my-4 md:my-6">Instantly delivered, beautifully designed, and ready to delight every reader on your list.</p>
        
          <button class="button button-primary">Shop Now</button>
        
      </div>
      
        </a>
      
    </div>
  
    <div>
      
        <a class="link-no-decoration" href="https://shop.epicreads.com/collections/sale">
      
      <picture>
        <source media="(min-width: 768px)" srcset="//epicreads.com/cdn/shop/files/resized_1176x882_1_588x441_crop_center@2x.jpg?v=1767040987" loading="lazy" alt="">
        <img class="mb-0 lg:mb-4 lazy" src="//epicreads.com/cdn/shop/files/resized_1176x882_1_327x245_crop_center@2x.jpg?v=1767040987" alt="" width="654" height="490">
      </picture>
      
      <div class="max-w-sm mx-auto text-center mt-4 md+:mt-0">
        <h2 class="h3 my-4 md:my-6">New Year, New TBR</h2>
        <p class="text-p my-4 md:my-6">Kick off your New Year reading goals with deals worth celebrating. Get up to 60% off on your TBR.</p>
        
          <button class="button button-primary">Shop Now</button>
        
      </div>
      
        </a>
      
    </div>
  
</div>

<style>
  .epic-body .link-no-decoration {
    text-decoration: none !important;
  }

  .epic-body .link-no-decoration p,
  .epic-body .link-no-decoration:hover p {
    color: #1D2225 !important;
  }

  .epic-body h2 {
    font-size: 32px;
    line-height: 36px;
  }

  @media screen and (max-width: 1024px) {
    .epic-body h2 {
      font-size: 26px;
      line-height: 30px;
    }
  }
</style>

</div><div id="shopify-section-template--24513233682723__50_50_YqXqW9" class="shopify-section">





<div id="fifty-fifty-template--24513233682723__50_50_YqXqW9" class="grid lg:grid-cols-2">
  <style data-shopify>
    #fifty-fifty-template--24513233682723__50_50_YqXqW9 .fifty-fifty__image::before {
      padding-bottom: 57.14285714285714%;
      content: '';
      display: block;
    }
  </style>

  
  <a class="fifty-fifty__image relative " href="https://shop.epicreads.com/products/a-war-of-wyverns?variant=54122461495587"><img src="//epicreads.com/cdn/shop/files/ER_War_of_Wyverns_-_5050_Email_Homepage_Hero.png?v=1768886961&amp;width=1500" alt="Book titled &#39;War with Weyvrens&#39; by S.F. Williamson on a blue and orange gradient background" srcset="//epicreads.com/cdn/shop/files/ER_War_of_Wyverns_-_5050_Email_Homepage_Hero.png?v=1768886961&amp;width=165 165w, //epicreads.com/cdn/shop/files/ER_War_of_Wyverns_-_5050_Email_Homepage_Hero.png?v=1768886961&amp;width=360 360w, //epicreads.com/cdn/shop/files/ER_War_of_Wyverns_-_5050_Email_Homepage_Hero.png?v=1768886961&amp;width=535 535w, //epicreads.com/cdn/shop/files/ER_War_of_Wyverns_-_5050_Email_Homepage_Hero.png?v=1768886961&amp;width=750 750w, //epicreads.com/cdn/shop/files/ER_War_of_Wyverns_-_5050_Email_Homepage_Hero.png?v=1768886961&amp;width=1070 1070w, //epicreads.com/cdn/shop/files/ER_War_of_Wyverns_-_5050_Email_Homepage_Hero.png?v=1768886961&amp;width=1500 1500w" height="800" loading="lazy" class="object-cover absolute inset-0 w-full h-full lazy" sizes="50vw">
  </a>
  

  <div class="w-full px-6 py-6 xl:py-8 lg:flex lg:flex-col lg:justify-center lg:items-end">
    <div class="lg:pl-24 lg:max-w-half-container mx-auto">
      
        <h2 class="mt-0 mb-4 lg:mb-6">
          
            <span class="h6 relative mt-0 mb-2 block">
              <span class="mb-2 lg:mb-0 lg:absolute lg:right-full lg:bottom-1 lg:pr-9  hidden ">




<svg width="42px" height="30px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 30"><g fill-rule="nonzero" fill="none"><path fill="#f3ca32" d="M39.574 2.222 42 29.713 15.913 0z"/><path fill="#89bda4" d="M0 22.58 41.556 30 19.272 10.323z"/></g></svg>


</span>
              <i>New York Times</i> Bestseller
            </span>
          

          <span class="block lg-up:text-h3 2xl:text-h2">A War of Wyverns</span>
        </h2>
      

      <p class="text-p md:text-p-l lg-up:text-[18px] 2xl:text-p-l my-4 lg:my-6">If you loved A Language of Dragons, Fourth Wing, or Babel, this is your next must read from S. F. Williamson. 
<br>
<br>
<span style="color: #e0311c"><b>$15.99   </b></span>   <s>$19.99</s> <span style="color: #e0311c">        Save 20%</span></p>

      
        

        <component-add-to-cart>
          <button class="cursor-pointer button button-primary button--custom "
            href="/products/a-war-of-wyverns" data-variant-id="54122461495587"
            >
            
              <span>Add to Cart</span>
            
          </button>
        </component-add-to-cart>
      
    </div>
  </div>
</div>

<style>
  .epic-body .button--custom {
    text-decoration: none !important;
  }

  .epic-body .button-tertiary:hover {
    text-decoration: none !important;
    color: #1D2225 !important;
  }
</style>

</div><div id="shopify-section-template--24513233682723__50_50_XYtraD" class="shopify-section">





<div id="fifty-fifty-template--24513233682723__50_50_XYtraD" class="grid lg:grid-cols-2">
  <style data-shopify>
    #fifty-fifty-template--24513233682723__50_50_XYtraD .fifty-fifty__image::before {
      padding-bottom: 57.14285714285714%;
      content: '';
      display: block;
    }
  </style>

  
  <a class="fifty-fifty__image relative lg:order-1" href="https://shop.epicreads.com/collections/special-editions-and-box-sets"><img src="//epicreads.com/cdn/shop/files/Dec_-_Jan_Homepage_50_50.png?v=1767036555&amp;width=1500" alt="Three books displayed against a dark green background with abstract designs." srcset="//epicreads.com/cdn/shop/files/Dec_-_Jan_Homepage_50_50.png?v=1767036555&amp;width=165 165w, //epicreads.com/cdn/shop/files/Dec_-_Jan_Homepage_50_50.png?v=1767036555&amp;width=360 360w, //epicreads.com/cdn/shop/files/Dec_-_Jan_Homepage_50_50.png?v=1767036555&amp;width=535 535w, //epicreads.com/cdn/shop/files/Dec_-_Jan_Homepage_50_50.png?v=1767036555&amp;width=750 750w, //epicreads.com/cdn/shop/files/Dec_-_Jan_Homepage_50_50.png?v=1767036555&amp;width=1070 1070w, //epicreads.com/cdn/shop/files/Dec_-_Jan_Homepage_50_50.png?v=1767036555&amp;width=1500 1500w" height="800" loading="lazy" class="object-cover absolute inset-0 w-full h-full lazy" sizes="50vw">
  </a>
  

  <div class="w-full px-6 py-6 xl:py-8 lg:flex lg:flex-col lg:justify-center lg:justify-self-end">
    <div class="lg:pl-24 lg:max-w-half-container mx-auto">
      
        <h2 class="mt-0 mb-4 lg:mb-6">
          
            <span class="h6 relative mt-0 mb-2 block">
              <span class="mb-2 lg:mb-0 lg:absolute lg:right-full lg:bottom-1 lg:pr-9  hidden ">




<svg width="42px" height="30px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 30"><g fill-rule="nonzero" fill="none"><path fill="#f3ca32" d="M39.574 2.222 42 29.713 15.913 0z"/><path fill="#89bda4" d="M0 22.58 41.556 30 19.272 10.323z"/></g></svg>


</span>
              Special Editions & Box Sets
            </span>
          

          <span class="block lg-up:text-h3 2xl:text-h2">Elevated Epic Editions</span>
        </h2>
      

      <p class="text-p md:text-p-l lg-up:text-[18px] 2xl:text-p-l my-4 lg:my-6">Discover our most loved Deluxe & Collector’s Editions, crafted for readers, collectors, and gift givers.</p>

      
        
          <a class="button button-primary button--custom" href="https://shop.epicreads.com/collections/special-editions-and-box-sets"><span>Shop Now</span></a>
        
      
    </div>
  </div>
</div>

<style>
  .epic-body .button--custom {
    text-decoration: none !important;
  }

  .epic-body .button-tertiary:hover {
    text-decoration: none !important;
    color: #1D2225 !important;
  }
</style>

</div><div id="shopify-section-template--24513233682723__wysiwyg_content_HHd4YC" class="shopify-section">
  <div id="template--24513233682723__wysiwyg_content_HHd4YC" class="wysiwyg-content container px-6">
    
      
          
            <div class="text-left"><p>Offer valid until 2/2/2026, at 11:59 p.m. CST or while supplies last. Offer valid online and by phone only. Take an additional 15% off your purchase of 2+ books with code LOVEBOOKS, after promotions and discounts and before shipping and handling costs are applied. Shipping, gift cards, or customization of products does not qualify towards minimum purchase requirements. Receive free standard ground shipping on non-rush orders of $35 or more, valid within the 48 continental United States or to an FPO/APO address; offer does not apply to Alaska, Hawaii, the U.S. Territories, rush orders, or expedited shipping methods. Offer only available to customers in the United States age 18 and older. To redeem offer, enter promo code GIFT during online checkout or provide the code to a representative during phone orders. Cannot be redeemed for cash or combined with any other discount offer. Epic Reads reserves the right to de-activate the promo code in the event of fraud or technical issues and limit quantities of individual items eligible for purchase with this discount. Void where prohibited, taxed or restricted by law. Not valid for resale.</p></div>
          

        
    

    <style>
      #template--24513233682723__wysiwyg_content_HHd4YC {
        padding-top: 32px;
        padding-bottom: 32px;
      }

      @media screen and (max-width: 768px) {
        #template--24513233682723__wysiwyg_content_HHd4YC {
          padding-top: 16px;
          padding-bottom: 16px;
        }
      }
    </style>
  </div>



</div>
    </main>

    <div id="shopify-section-footer" class="shopify-section">


<section class="container footer mt-0">
  <div class="flex flex-wrap md:px-6 pt-6 mb-6 lg:mb-11 lg:pt-16">
      
      
      <div class="customer-service md:inline-block hidden">
      
        <h3 class="font-figtree text-h6-epic uppercase tracking-2 font-semibold text-h6-f mt-0 mb-3 font-semibold">
      
      Customer Service
      
        </h3>
      
      <ul class="mt-3">
        
          <li class="my-2 md:mr-2">
            <a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="tel:1-800-250-5308" > Call: 1-800-250-5308</a>
          </li>
        
          <li class="my-2 md:mr-2">
            <a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="mailto:contactepicreads@harpercollins.com" > Email Us</a>
          </li>
        
          <li class="my-2 md:mr-2">
            <a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="/pages/faqs" > FAQ</a>
          </li>
        
          <li class="my-2 md:mr-2">
            <a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="/pages/satisfaction-guarantee" > Returns & Refunds</a>
          </li>
        
          <li class="my-2 md:mr-2">
            <a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="/pages/shipping-policy" > Shipping Policy</a>
          </li>
        
          <li class="my-2 md:mr-2">
            <a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="/account/login" > Account Login</a>
          </li>
        
          <li class="my-2 md:mr-2">
            <a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="/account/login" > Track Your Order</a>
          </li>
        
      </ul>
    </div>
    
      
      <div class="company md:inline-block hidden">
      
        <h3 class="font-figtree text-h6-epic uppercase tracking-2 font-semibold text-h6-f mt-0 mb-3 font-semibold">
      
      Company
      
        </h3>
      
      <ul class="mt-3">
        
          <li class="my-2 md:mr-2">
            <a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="/pages/about-us" > About Us</a>
          </li>
        
          <li class="my-2 md:mr-2">
            <a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="/pages/rewards" > Rewards</a>
          </li>
        
          <li class="my-2 md:mr-2">
            <a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="/pages/rewards-faq" > Rewards FAQ</a>
          </li>
        
          <li class="my-2 md:mr-2">
            <a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="https://epicreads.com/products/epic-reads-gift-card"  target="_blank"> Gift Cards</a>
          </li>
        
      </ul>
    </div>
    
      
      <div class="legal md:inline-block hidden">
      
        <h3 class="font-figtree text-h6-epic uppercase tracking-2 font-semibold text-h6-f mt-0 mb-3 font-semibold">
      
      Legal
      
        </h3>
      
      <ul class="mt-3">
        
          <li class="my-2 md:mr-2">
            <a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="/policies/terms-of-service" > Terms of Use</a>
          </li>
        
          <li class="my-2 md:mr-2">
            <a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="https://www.harpercollins.com/pages/terms-of-sale"  target="_blank"> Terms of Sale</a>
          </li>
        
          <li class="my-2 md:mr-2">
            <a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="/policies/privacy-policy" > Privacy Notice</a>
          </li>
        
          <li class="my-2 md:mr-2">
            <a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="https://www.harpercollins.com/pages/for-california-residents-california-privacy-rights"  target="_blank"> California Privacy Policy</a>
          </li>
        
          <li class="my-2 md:mr-2">
            <a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="https://www.harpercollins.com/pages/opt-out-and-privacy-rights"  target="_blank"> Do Not Sell My Info</a>
          </li>
        
          <li class="my-2 md:mr-2">
            <a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="https://epicreads.com/pages/digital-gift-card-terms-conditions"  target="_blank"> Digital Gift Card Terms & Conditions</a>
          </li>
        
      </ul>
    </div>
    

    
      <div class="social md:inline-block hidden">
        
          <h3 class="font-figtree text-h6-epic uppercase tracking-2 font-semibold text-h6-f mt-0 mb-3 font-semibold">
        
        Social
        
          </h3>
        

        <ul class="mt-3">
        
        
          
          
            <li class="my-2">
              <a href="https://www.instagram.com/epicreads/" class="text-epic-black hover:text-blue text-p-s-epic text-base inline-flex items-center" target="_blank">
                <span class="inline-block mr-2.5">
                  
                      <?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Instagram Icon" aria-hidden="true">
    <title>Instagram logo</title>
    <defs>
        <polygon id="path-1" points="0 0 16 0 16 16 0 16"></polygon>
    </defs>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="global-footer/desktop" transform="translate(-698.000000, -131.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="1" y="2" width="1440" height="440"></rect>
            <g id="Instagram-logo" transform="translate(698.000000, 131.000000)">
                <g id="Group-3">
                    <mask id="mask-2" fill="white">
                        <use xlink:href="#path-1"></use>
                    </mask>
                    <g id="Clip-2"></g>
                    <path d="M8,0 C5.82731457,0 5.55487942,0.00920925451 4.70162611,0.0481421718 C3.85008763,0.086979821 3.26857084,0.222228838 2.75968014,0.419973762 C2.23360941,0.624419212 1.78746867,0.897965827 1.34272519,1.34270931 C0.897981705,1.78748454 0.62443509,2.23362529 0.41998964,2.75969602 C0.22221296,3.26855496 0.086995699,3.8501035 0.0481262938,4.70161023 C0.00919337648,5.55489529 -1.5878025e-05,5.82733045 -1.5878025e-05,8.00001588 C-1.5878025e-05,10.1726696 0.00919337648,10.4451047 0.0481262938,11.2983898 C0.086995699,12.1498965 0.22221296,12.731445 0.41998964,13.240304 C0.62443509,13.7663747 0.897981705,14.2125155 1.34272519,14.6572907 C1.78746867,15.1020342 2.23360941,15.3755808 2.75968014,15.5800262 C3.26857084,15.7777712 3.85008763,15.9130202 4.70162611,15.9518578 C5.55487942,15.9907907 5.82731457,16 8,16 C10.1726854,16 10.4451206,15.9907907 11.2983739,15.9518578 C12.1499124,15.9130202 12.7314292,15.7777712 13.2403199,15.5800262 C13.7663906,15.3755808 14.2125313,15.1020342 14.6572748,14.6572907 C15.1020183,14.2125155 15.3755649,13.7663747 15.5800104,13.240304 C15.777787,12.731445 15.9130043,12.1498965 15.9518737,11.2983898 C15.9908066,10.4451047 16.0000159,10.1726696 16.0000159,8.00001588 C16.0000159,5.82733045 15.9908066,5.55489529 15.9518737,4.70161023 C15.9130043,3.8501035 15.777787,3.26855496 15.5800104,2.75969602 C15.3755649,2.23362529 15.1020183,1.78748454 14.6572748,1.34270931 C14.2125313,0.897965827 13.7663906,0.624419212 13.2403199,0.419973762 C12.7314292,0.222228838 12.1499124,0.086979821 11.2983739,0.0481421718 C10.4451206,0.00920925451 10.1726854,0 8,0 M8,1.44143887 C10.1361025,1.44143887 10.3891029,1.44960017 11.2326706,1.4880885 C12.0126627,1.52365528 12.4362884,1.65398211 12.7181869,1.76354048 C13.0915745,1.90866563 13.3580713,2.08202191 13.6380326,2.36198324 C13.9179622,2.64191283 14.0913502,2.9084096 14.2364754,3.28182899 C14.346002,3.56372745 14.4763288,3.9873214 14.5119274,4.7673135 C14.5504157,5.61088121 14.5585453,5.86391342 14.5585453,8.00001588 C14.5585453,10.1360866 14.5504157,10.3891188 14.5119274,11.2326865 C14.4763288,12.0126786 14.346002,12.4362726 14.2364754,12.718171 C14.0913502,13.0915904 13.9179622,13.3580872 13.6380326,13.6380168 C13.3580713,13.9179781 13.0915745,14.0913344 12.7181869,14.2364595 C12.4362884,14.3460179 12.0126627,14.4763447 11.2326706,14.5119115 C10.3892299,14.5503998 10.1362295,14.5585611 8,14.5585611 C5.86377051,14.5585611 5.61077006,14.5503998 4.76732938,14.5119115 C3.98733728,14.4763447 3.56371157,14.3460179 3.28181311,14.2364595 C2.90842548,14.0913344 2.6419287,13.9179781 2.36196737,13.6380168 C2.08203779,13.3580872 1.90864975,13.0915904 1.7635246,12.718171 C1.65399799,12.4362726 1.52367116,12.0126786 1.48807263,11.2326865 C1.44958429,10.3891188 1.44145474,10.1360866 1.44145474,8.00001588 C1.44145474,5.86391342 1.44958429,5.61088121 1.48807263,4.7673135 C1.52367116,3.9873214 1.65399799,3.56372745 1.7635246,3.28182899 C1.90864975,2.9084096 2.08203779,2.64191283 2.36196737,2.36198324 C2.6419287,2.08202191 2.90842548,1.90866563 3.28181311,1.76354048 C3.56371157,1.65398211 3.98733728,1.52365528 4.76729762,1.4880885 C5.61089709,1.44960017 5.86389754,1.44143887 8,1.44143887" id="Fill-1" fill="#23262A" mask="url(#mask-2)"></path>
                </g>
                <path d="M8,10.5964929 C6.5660109,10.5964929 5.40350172,9.4340101 5.40350172,8.00001546 C5.40350172,6.5659899 6.5660109,5.40350714 8,5.40350714 C9.4339891,5.40350714 10.5964674,6.5659899 10.5964674,8.00001546 C10.5964674,9.4340101 9.4339891,10.5964929 8,10.5964929 M8,4 C5.79087079,4 4,5.79084679 4,8.00001546 C4,10.2091532 5.79087079,12 8,12 C10.2091292,12 12,10.2091532 12,8.00001546 C12,5.79084679 10.2091292,4 8,4" id="Fill-4" fill="#23262A"></path>
                <path d="M12.8,4 C12.8,4.44183923 12.4418187,4.8 12.0000132,4.8 C11.5581813,4.8 11.2,4.44183923 11.2,4 C11.2,3.55816077 11.5581813,3.2 12.0000132,3.2 C12.4418187,3.2 12.8,3.55816077 12.8,4" id="Fill-6" fill="#23262A"></path>
            </g>
        </g>
    </g>
</svg>
                    
                </span>
                Instagram
              </a>
            </li>
          
        
          
          
            <li class="my-2">
              <a href="https://www.tiktok.com/@epic_reads" class="text-epic-black hover:text-blue text-p-s-epic text-base inline-flex items-center" target="_blank">
                <span class="inline-block mr-2.5">
                  
                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2859 3333" width="16px" height="19px" fill-rule="evenodd" clip-rule="evenodd" aria-label="Tiktok Icon" aria-hidden="true"><title>TikTok logo</title><path d="M2081 0c55 473 319 755 778 785v532c-266 26-499-61-770-225v995c0 1264-1378 1659-1932 753-356-583-138-1606 1004-1647v561c-87 14-180 36-265 65-254 86-398 247-358 531 77 544 1075 705 992-358V1h551z"/></svg>

                    
                </span>
                Tiktok
              </a>
            </li>
          
        
          
          
            <li class="my-2">
              <a href="https://www.facebook.com/EpicReads" class="text-epic-black hover:text-blue text-p-s-epic text-base inline-flex items-center" target="_blank">
                <span class="inline-block mr-2.5">
                  
                      <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Facebook Icon" aria-hidden="true">
    <title>Facebook logo</title>
    <defs>
        <polygon id="path-1" points="0 0 16 0 16 16 0 16"></polygon>
    </defs>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="global-footer/desktop" transform="translate(-698.000000, -98.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="1" y="2" width="1440" height="440"></rect>
            <g id="Facebook-logo" transform="translate(698.000000, 98.000000)">
                <mask id="mask-2" fill="white">
                    <use xlink:href="#path-1"></use>
                </mask>
                <g id="Clip-2"></g>
                <path d="M8,0 C3.58171875,0 0,3.60361493 0,8.04890654 C0,12.0663485 2.92548437,15.3962062 6.75,16 L6.75,10.3755436 L4.71875,10.3755436 L4.71875,8.04890654 L6.75,8.04890654 L6.75,6.27563182 C6.75,4.25837462 7.94435938,3.14410412 9.77170313,3.14410412 C10.647,3.14410412 11.5625,3.30130932 11.5625,3.30130932 L11.5625,5.28209492 L10.5537031,5.28209492 C9.55992188,5.28209492 9.25,5.9025367 9.25,6.53906058 L9.25,8.04890654 L11.46875,8.04890654 L11.1140625,10.3755436 L9.25,10.3755436 L9.25,16 C13.0745156,15.3962062 16,12.0663485 16,8.04890654 C16,3.60361493 12.4182812,0 8,0" id="Fill-1" fill="#23262A" mask="url(#mask-2)"></path>
            </g>
        </g>
    </g>
</svg>
                    
                </span>
                Facebook
              </a>
            </li>
          
        
          
          
            <li class="my-2">
              <a href="https://www.youtube.com/epicreads" class="text-epic-black hover:text-blue text-p-s-epic text-base inline-flex items-center" target="_blank">
                <span class="inline-block mr-2.5">
                  
                      <svg width="16px" height="12px" viewBox="0 0 16 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Youtube Icon" aria-hidden="true">
    <title>YouTube-logo</title>
    <defs>
        <polygon id="path-1" points="0 0 16 0 16 11.1999434 0 11.1999434"></polygon>
    </defs>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="global-footer/desktop" transform="translate(-698.000000, -197.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="1" y="2" width="1440" height="440"></rect>
            <g id="YouTube-logo" transform="translate(698.000000, 197.000000)">
                <mask id="mask-2" fill="white">
                    <use xlink:href="#path-1"></use>
                </mask>
                <g id="Clip-2"></g>
                <path d="M6.3999921,7.99994073 L6.3999921,3.20000263 L10.5566898,5.60003754 L6.3999921,7.99994073 Z M15.6656045,1.74889225 C15.4816146,1.06047747 14.9395225,0.518253709 14.2511078,0.334263764 C13.0033477,0 7.99992756,0 7.99992756,0 C7.99992756,0 2.99663909,0 1.74887908,0.334263764 C1.0604643,0.518253709 0.518372242,1.06047747 0.334382298,1.74889225 C-1.31703611e-05,2.99665226 -1.31703611e-05,5.59990583 -1.31703611e-05,5.59990583 C-1.31703611e-05,5.59990583 -1.31703611e-05,8.20329111 0.334382298,9.45105112 C0.518372242,10.1394659 1.0604643,10.681558 1.74887908,10.8655479 C2.99663909,11.1999434 7.99992756,11.1999434 7.99992756,11.1999434 C7.99992756,11.1999434 13.0033477,11.1999434 14.2511078,10.8655479 C14.9395225,10.681558 15.4816146,10.1394659 15.6656045,9.45105112 C16,8.20329111 16,5.59990583 16,5.59990583 C16,5.59990583 16,2.99665226 15.6656045,1.74889225 L15.6656045,1.74889225 Z" id="Fill-1" fill="#23262A" mask="url(#mask-2)"></path>
            </g>
        </g>
    </g>
</svg>
                    
                </span>
                Youtube
              </a>
            </li>
          
        
          
          
            <li class="my-2">
              <a href="https://www.pinterest.com/epicreads/" class="text-epic-black hover:text-blue text-p-s-epic text-base inline-flex items-center" target="_blank">
                <span class="inline-block mr-2.5">
                  
                      <?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Pinterest Icon" aria-hidden="true">
    <title>Pinterest logo</title>
    <defs>
        <polygon id="path-1" points="0 0 16 0 16 15.9879331 0 15.9879331"></polygon>
    </defs>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="global-footer/desktop" transform="translate(-698.000000, -162.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="1" y="2" width="1440" height="440"></rect>
            <g id="Pinterest-logo" transform="translate(698.000000, 162.000000)">
                <mask id="mask-2" fill="white">
                    <use xlink:href="#path-1"></use>
                </mask>
                <g id="Clip-2"></g>
                <path d="M7.99265093,-2.92078542e-05 C3.57789961,0.000506505129 -0.000526239095,3.57972171 0,7.99447303 C0.000328899434,11.2843225 2.01635087,14.2380368 5.07991754,15.4372041 C5.01019086,14.8050594 4.94835777,13.8321749 5.10754509,13.1421439 C5.25291864,12.5178927 6.04490848,9.16903869 6.04490848,9.16903869 C5.8826295,8.79560628 5.80125978,8.39211245 5.80612749,7.98500073 C5.80612749,6.87332064 6.45011258,6.04383627 7.253285,6.04383627 C7.93542243,6.04383627 8.26432186,6.55560379 8.26432186,7.16933013 C8.26432186,7.85541435 7.82820121,8.87960719 7.6025762,9.83078436 C7.41444573,10.6260632 8.00186012,11.2779419 8.78661417,11.2779419 C10.2074597,11.2779419 11.2994058,9.78013384 11.2994058,7.61794896 C11.2994058,5.70441205 9.92394841,4.36644915 7.96107659,4.36644915 C5.6850925,4.36118676 4.3497608,6.06685923 4.3497608,7.8277868 C4.3497608,8.51452882 4.61288035,9.25126355 4.94177978,9.65186306 C4.9992714,9.71310414 5.02025518,9.80006515 4.99703488,9.88077707 C4.93651739,10.1333718 4.79969522,10.6760559 4.77535667,10.7872239 C4.73983553,10.9339131 4.65892627,10.9648296 4.50763253,10.8944451 C3.50975164,10.4293813 2.88550052,8.97038344 2.88550052,7.79818585 C2.88550052,5.27684279 4.71747037,2.96139077 8.16630983,2.96139077 C10.9389321,2.96139077 13.0932234,4.93478738 13.0932234,7.57716543 C13.0932234,10.3320271 11.3566343,12.5488093 8.94580149,12.5488093 C8.13605108,12.5488093 7.37497779,12.127818 7.11448944,11.6278909 C7.11448944,11.6278909 6.71323213,13.1533264 6.6165357,13.527614 C6.43564101,14.2215918 5.94886985,15.0918597 5.62325941,15.6227034 C9.83711896,16.9381038 14.3194262,14.5884462 15.6347608,10.3745867 C16.9501612,6.16079291 14.6005037,1.67841986 10.3867099,0.363085241 C9.61175707,0.121146818 8.80444051,-0.00126955182 7.99265093,-2.92078542e-05" id="Fill-1" fill="#23262A" mask="url(#mask-2)"></path>
            </g>
        </g>
    </g>
</svg>
                    
                </span>
                Pinterest
              </a>
            </li>
          
        
          
          
            <li class="my-2">
              <a href="https://bsky.app/profile/epicreads.bsky.social" class="text-epic-black hover:text-blue text-p-s-epic text-base inline-flex items-center" target="_blank">
                <span class="inline-block mr-2.5">
                  
                      <svg width="16px" height="16px" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 568 501" aria-label="Bluesky Icon" aria-hidden="true"><title>Bluesky butterfly logo</title><path fill="#23262A" d="M123.121 33.664C188.241 82.553 258.281 181.68 284 234.873c25.719-53.192 95.759-152.32 160.879-201.21C491.866-1.611 568-28.906 568 57.947c0 17.346-9.945 145.713-15.778 166.555-20.275 72.453-94.155 90.933-159.875 79.748C507.222 323.8 536.444 388.56 473.333 453.32c-119.86 122.992-172.272-30.859-185.702-70.281-2.462-7.227-3.614-10.608-3.631-7.733-.017-2.875-1.169.506-3.631 7.733-13.43 39.422-65.842 193.273-185.702 70.281-63.111-64.76-33.89-129.52 80.986-149.071-65.72 11.185-139.6-7.295-159.875-79.748C9.945 203.659 0 75.291 0 57.946 0-28.906 76.135-1.612 123.121 33.664Z"></path></svg>
                    
                </span>
                Bluesky
              </a>
            </li>
          
        
          
          
            <li class="my-2">
              <a href="https://x.com/epicreads" class="text-epic-black hover:text-blue text-p-s-epic text-base inline-flex items-center" target="_blank">
                <span class="inline-block mr-2.5">
                  
                      <svg width="16px" height="16px" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="Twitter Icon" aria-hidden="true">
    <title>Twitter X logo</title>
<path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="#23262A"/>
</svg>
                  
                </span>
                Twitter
              </a>
            </li>
          
        
        </ul>
      </div>
    

      
        <details class="cursor-pointer select-none w-full outline-none p-5 border-t md:hidden">
          <summary class="m-0  text-h5-m font-figtree text-h6-epic uppercase tracking-2 font-semibold">
            Customer Service
            <span class="float-right">
              <?xml version="1.0" encoding="UTF-8"?>
              <svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                <title>CUSTOMER SERVICE</title>
                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                  <g id="D---General-Content-Template" transform="translate(-1176.000000, -1974.000000)" fill="#23262A">
                    <g id="accordion" transform="translate(426.000000, 1867.000000)">
                      <g id="Group-2" transform="translate(750.000000, 107.000000)">
                        <rect class="minus" id="Rectangle" x="0" y="8" width="18" height="2" rx="1"></rect>
                        <rect class="plus" id="Rectangle" transform="translate(9.000000, 9.000000) rotate(90.000000) translate(-9.000000, -9.000000) " x="0" y="8" width="18" height="2" rx="1"></rect>
                      </g>
                    </g>
                  </g>
                </g>
              </svg>
            </span>
          </summary>
          <div class="block pt-3 text-epic-black hover:text-blue text-base">
            
              <li class="my-3 list-none pl-4"><a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="tel:1-800-250-5308" >Call: 1-800-250-5308</a></li>
            
              <li class="my-3 list-none pl-4"><a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="mailto:contactepicreads@harpercollins.com" >Email Us</a></li>
            
              <li class="my-3 list-none pl-4"><a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="/pages/faqs" >FAQ</a></li>
            
              <li class="my-3 list-none pl-4"><a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="/pages/satisfaction-guarantee" >Returns & Refunds</a></li>
            
              <li class="my-3 list-none pl-4"><a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="/pages/shipping-policy" >Shipping Policy</a></li>
            
              <li class="my-3 list-none pl-4"><a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="/account/login" >Account Login</a></li>
            
              <li class="my-3 list-none pl-4"><a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="/account/login" >Track Your Order</a></li>
            
          </div>
        </details>
      
    
      
        <details class="cursor-pointer select-none w-full outline-none p-5 border-t md:hidden">
          <summary class="m-0  text-h5-m font-figtree text-h6-epic uppercase tracking-2 font-semibold">
            Company
            <span class="float-right">
              <?xml version="1.0" encoding="UTF-8"?>
              <svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                <title>COMPANY</title>
                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                  <g id="D---General-Content-Template" transform="translate(-1176.000000, -1974.000000)" fill="#23262A">
                    <g id="accordion" transform="translate(426.000000, 1867.000000)">
                      <g id="Group-2" transform="translate(750.000000, 107.000000)">
                        <rect class="minus" id="Rectangle" x="0" y="8" width="18" height="2" rx="1"></rect>
                        <rect class="plus" id="Rectangle" transform="translate(9.000000, 9.000000) rotate(90.000000) translate(-9.000000, -9.000000) " x="0" y="8" width="18" height="2" rx="1"></rect>
                      </g>
                    </g>
                  </g>
                </g>
              </svg>
            </span>
          </summary>
          <div class="block pt-3 text-epic-black hover:text-blue text-base">
            
              <li class="my-3 list-none pl-4"><a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="/pages/about-us" >About Us</a></li>
            
              <li class="my-3 list-none pl-4"><a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="/pages/rewards" >Rewards</a></li>
            
              <li class="my-3 list-none pl-4"><a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="/pages/rewards-faq" >Rewards FAQ</a></li>
            
              <li class="my-3 list-none pl-4"><a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="https://epicreads.com/products/epic-reads-gift-card" target="_blank">Gift Cards</a></li>
            
          </div>
        </details>
      
    
      
        <details class="cursor-pointer select-none w-full outline-none p-5 border-t md:hidden">
          <summary class="m-0  text-h5-m font-figtree text-h6-epic uppercase tracking-2 font-semibold">
            Legal
            <span class="float-right">
              <?xml version="1.0" encoding="UTF-8"?>
              <svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                <title>LEGAL</title>
                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                  <g id="D---General-Content-Template" transform="translate(-1176.000000, -1974.000000)" fill="#23262A">
                    <g id="accordion" transform="translate(426.000000, 1867.000000)">
                      <g id="Group-2" transform="translate(750.000000, 107.000000)">
                        <rect class="minus" id="Rectangle" x="0" y="8" width="18" height="2" rx="1"></rect>
                        <rect class="plus" id="Rectangle" transform="translate(9.000000, 9.000000) rotate(90.000000) translate(-9.000000, -9.000000) " x="0" y="8" width="18" height="2" rx="1"></rect>
                      </g>
                    </g>
                  </g>
                </g>
              </svg>
            </span>
          </summary>
          <div class="block pt-3 text-epic-black hover:text-blue text-base">
            
              <li class="my-3 list-none pl-4"><a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="/policies/terms-of-service" >Terms of Use</a></li>
            
              <li class="my-3 list-none pl-4"><a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="https://www.harpercollins.com/pages/terms-of-sale" target="_blank">Terms of Sale</a></li>
            
              <li class="my-3 list-none pl-4"><a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="/policies/privacy-policy" >Privacy Notice</a></li>
            
              <li class="my-3 list-none pl-4"><a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="https://www.harpercollins.com/pages/for-california-residents-california-privacy-rights" target="_blank">California Privacy Policy</a></li>
            
              <li class="my-3 list-none pl-4"><a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="https://www.harpercollins.com/pages/opt-out-and-privacy-rights" target="_blank">Do Not Sell My Info</a></li>
            
              <li class="my-3 list-none pl-4"><a class="text-epic-black hover:text-blue text-p-s-epic text-base" href="https://epicreads.com/pages/digital-gift-card-terms-conditions" target="_blank">Digital Gift Card Terms & Conditions</a></li>
            
          </div>
        </details>
      
    
    
      <div class="border-t md:hidden w-full">
        <div class="flex justify-between pt-6 px-6 text-epic-black hover:text-blue">
          
          
            
            
              <li class="my-3 list-none">
                <a href="https://www.instagram.com/epicreads/" class="text-epic-black hover:text-blue text-p-s-epic text-base" target="_blank">
                  <span class="inline-block mr-2.5">
                    
                        <?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Instagram Icon" aria-hidden="true">
    <title>Instagram logo</title>
    <defs>
        <polygon id="path-1" points="0 0 16 0 16 16 0 16"></polygon>
    </defs>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="global-footer/desktop" transform="translate(-698.000000, -131.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="1" y="2" width="1440" height="440"></rect>
            <g id="Instagram-logo" transform="translate(698.000000, 131.000000)">
                <g id="Group-3">
                    <mask id="mask-2" fill="white">
                        <use xlink:href="#path-1"></use>
                    </mask>
                    <g id="Clip-2"></g>
                    <path d="M8,0 C5.82731457,0 5.55487942,0.00920925451 4.70162611,0.0481421718 C3.85008763,0.086979821 3.26857084,0.222228838 2.75968014,0.419973762 C2.23360941,0.624419212 1.78746867,0.897965827 1.34272519,1.34270931 C0.897981705,1.78748454 0.62443509,2.23362529 0.41998964,2.75969602 C0.22221296,3.26855496 0.086995699,3.8501035 0.0481262938,4.70161023 C0.00919337648,5.55489529 -1.5878025e-05,5.82733045 -1.5878025e-05,8.00001588 C-1.5878025e-05,10.1726696 0.00919337648,10.4451047 0.0481262938,11.2983898 C0.086995699,12.1498965 0.22221296,12.731445 0.41998964,13.240304 C0.62443509,13.7663747 0.897981705,14.2125155 1.34272519,14.6572907 C1.78746867,15.1020342 2.23360941,15.3755808 2.75968014,15.5800262 C3.26857084,15.7777712 3.85008763,15.9130202 4.70162611,15.9518578 C5.55487942,15.9907907 5.82731457,16 8,16 C10.1726854,16 10.4451206,15.9907907 11.2983739,15.9518578 C12.1499124,15.9130202 12.7314292,15.7777712 13.2403199,15.5800262 C13.7663906,15.3755808 14.2125313,15.1020342 14.6572748,14.6572907 C15.1020183,14.2125155 15.3755649,13.7663747 15.5800104,13.240304 C15.777787,12.731445 15.9130043,12.1498965 15.9518737,11.2983898 C15.9908066,10.4451047 16.0000159,10.1726696 16.0000159,8.00001588 C16.0000159,5.82733045 15.9908066,5.55489529 15.9518737,4.70161023 C15.9130043,3.8501035 15.777787,3.26855496 15.5800104,2.75969602 C15.3755649,2.23362529 15.1020183,1.78748454 14.6572748,1.34270931 C14.2125313,0.897965827 13.7663906,0.624419212 13.2403199,0.419973762 C12.7314292,0.222228838 12.1499124,0.086979821 11.2983739,0.0481421718 C10.4451206,0.00920925451 10.1726854,0 8,0 M8,1.44143887 C10.1361025,1.44143887 10.3891029,1.44960017 11.2326706,1.4880885 C12.0126627,1.52365528 12.4362884,1.65398211 12.7181869,1.76354048 C13.0915745,1.90866563 13.3580713,2.08202191 13.6380326,2.36198324 C13.9179622,2.64191283 14.0913502,2.9084096 14.2364754,3.28182899 C14.346002,3.56372745 14.4763288,3.9873214 14.5119274,4.7673135 C14.5504157,5.61088121 14.5585453,5.86391342 14.5585453,8.00001588 C14.5585453,10.1360866 14.5504157,10.3891188 14.5119274,11.2326865 C14.4763288,12.0126786 14.346002,12.4362726 14.2364754,12.718171 C14.0913502,13.0915904 13.9179622,13.3580872 13.6380326,13.6380168 C13.3580713,13.9179781 13.0915745,14.0913344 12.7181869,14.2364595 C12.4362884,14.3460179 12.0126627,14.4763447 11.2326706,14.5119115 C10.3892299,14.5503998 10.1362295,14.5585611 8,14.5585611 C5.86377051,14.5585611 5.61077006,14.5503998 4.76732938,14.5119115 C3.98733728,14.4763447 3.56371157,14.3460179 3.28181311,14.2364595 C2.90842548,14.0913344 2.6419287,13.9179781 2.36196737,13.6380168 C2.08203779,13.3580872 1.90864975,13.0915904 1.7635246,12.718171 C1.65399799,12.4362726 1.52367116,12.0126786 1.48807263,11.2326865 C1.44958429,10.3891188 1.44145474,10.1360866 1.44145474,8.00001588 C1.44145474,5.86391342 1.44958429,5.61088121 1.48807263,4.7673135 C1.52367116,3.9873214 1.65399799,3.56372745 1.7635246,3.28182899 C1.90864975,2.9084096 2.08203779,2.64191283 2.36196737,2.36198324 C2.6419287,2.08202191 2.90842548,1.90866563 3.28181311,1.76354048 C3.56371157,1.65398211 3.98733728,1.52365528 4.76729762,1.4880885 C5.61089709,1.44960017 5.86389754,1.44143887 8,1.44143887" id="Fill-1" fill="#23262A" mask="url(#mask-2)"></path>
                </g>
                <path d="M8,10.5964929 C6.5660109,10.5964929 5.40350172,9.4340101 5.40350172,8.00001546 C5.40350172,6.5659899 6.5660109,5.40350714 8,5.40350714 C9.4339891,5.40350714 10.5964674,6.5659899 10.5964674,8.00001546 C10.5964674,9.4340101 9.4339891,10.5964929 8,10.5964929 M8,4 C5.79087079,4 4,5.79084679 4,8.00001546 C4,10.2091532 5.79087079,12 8,12 C10.2091292,12 12,10.2091532 12,8.00001546 C12,5.79084679 10.2091292,4 8,4" id="Fill-4" fill="#23262A"></path>
                <path d="M12.8,4 C12.8,4.44183923 12.4418187,4.8 12.0000132,4.8 C11.5581813,4.8 11.2,4.44183923 11.2,4 C11.2,3.55816077 11.5581813,3.2 12.0000132,3.2 C12.4418187,3.2 12.8,3.55816077 12.8,4" id="Fill-6" fill="#23262A"></path>
            </g>
        </g>
    </g>
</svg>
                      
                  </span>
                </a>
              </li>
            
          
            
            
              <li class="my-3 list-none">
                <a href="https://www.tiktok.com/@epic_reads" class="text-epic-black hover:text-blue text-p-s-epic text-base" target="_blank">
                  <span class="inline-block mr-2.5">
                    
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2859 3333" width="16px" height="19px" fill-rule="evenodd" clip-rule="evenodd" aria-label="Tiktok Icon" aria-hidden="true"><title>TikTok logo</title><path d="M2081 0c55 473 319 755 778 785v532c-266 26-499-61-770-225v995c0 1264-1378 1659-1932 753-356-583-138-1606 1004-1647v561c-87 14-180 36-265 65-254 86-398 247-358 531 77 544 1075 705 992-358V1h551z"/></svg>

                      
                  </span>
                </a>
              </li>
            
          
            
            
              <li class="my-3 list-none">
                <a href="https://www.facebook.com/EpicReads" class="text-epic-black hover:text-blue text-p-s-epic text-base" target="_blank">
                  <span class="inline-block mr-2.5">
                    
                        <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Facebook Icon" aria-hidden="true">
    <title>Facebook logo</title>
    <defs>
        <polygon id="path-1" points="0 0 16 0 16 16 0 16"></polygon>
    </defs>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="global-footer/desktop" transform="translate(-698.000000, -98.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="1" y="2" width="1440" height="440"></rect>
            <g id="Facebook-logo" transform="translate(698.000000, 98.000000)">
                <mask id="mask-2" fill="white">
                    <use xlink:href="#path-1"></use>
                </mask>
                <g id="Clip-2"></g>
                <path d="M8,0 C3.58171875,0 0,3.60361493 0,8.04890654 C0,12.0663485 2.92548437,15.3962062 6.75,16 L6.75,10.3755436 L4.71875,10.3755436 L4.71875,8.04890654 L6.75,8.04890654 L6.75,6.27563182 C6.75,4.25837462 7.94435938,3.14410412 9.77170313,3.14410412 C10.647,3.14410412 11.5625,3.30130932 11.5625,3.30130932 L11.5625,5.28209492 L10.5537031,5.28209492 C9.55992188,5.28209492 9.25,5.9025367 9.25,6.53906058 L9.25,8.04890654 L11.46875,8.04890654 L11.1140625,10.3755436 L9.25,10.3755436 L9.25,16 C13.0745156,15.3962062 16,12.0663485 16,8.04890654 C16,3.60361493 12.4182812,0 8,0" id="Fill-1" fill="#23262A" mask="url(#mask-2)"></path>
            </g>
        </g>
    </g>
</svg>
                      
                  </span>
                </a>
              </li>
            
          
            
            
              <li class="my-3 list-none">
                <a href="https://www.youtube.com/epicreads" class="text-epic-black hover:text-blue text-p-s-epic text-base" target="_blank">
                  <span class="inline-block mr-2.5">
                    
                        <svg width="16px" height="12px" viewBox="0 0 16 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Youtube Icon" aria-hidden="true">
    <title>YouTube-logo</title>
    <defs>
        <polygon id="path-1" points="0 0 16 0 16 11.1999434 0 11.1999434"></polygon>
    </defs>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="global-footer/desktop" transform="translate(-698.000000, -197.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="1" y="2" width="1440" height="440"></rect>
            <g id="YouTube-logo" transform="translate(698.000000, 197.000000)">
                <mask id="mask-2" fill="white">
                    <use xlink:href="#path-1"></use>
                </mask>
                <g id="Clip-2"></g>
                <path d="M6.3999921,7.99994073 L6.3999921,3.20000263 L10.5566898,5.60003754 L6.3999921,7.99994073 Z M15.6656045,1.74889225 C15.4816146,1.06047747 14.9395225,0.518253709 14.2511078,0.334263764 C13.0033477,0 7.99992756,0 7.99992756,0 C7.99992756,0 2.99663909,0 1.74887908,0.334263764 C1.0604643,0.518253709 0.518372242,1.06047747 0.334382298,1.74889225 C-1.31703611e-05,2.99665226 -1.31703611e-05,5.59990583 -1.31703611e-05,5.59990583 C-1.31703611e-05,5.59990583 -1.31703611e-05,8.20329111 0.334382298,9.45105112 C0.518372242,10.1394659 1.0604643,10.681558 1.74887908,10.8655479 C2.99663909,11.1999434 7.99992756,11.1999434 7.99992756,11.1999434 C7.99992756,11.1999434 13.0033477,11.1999434 14.2511078,10.8655479 C14.9395225,10.681558 15.4816146,10.1394659 15.6656045,9.45105112 C16,8.20329111 16,5.59990583 16,5.59990583 C16,5.59990583 16,2.99665226 15.6656045,1.74889225 L15.6656045,1.74889225 Z" id="Fill-1" fill="#23262A" mask="url(#mask-2)"></path>
            </g>
        </g>
    </g>
</svg>
                      
                  </span>
                </a>
              </li>
            
          
            
            
              <li class="my-3 list-none">
                <a href="https://www.pinterest.com/epicreads/" class="text-epic-black hover:text-blue text-p-s-epic text-base" target="_blank">
                  <span class="inline-block mr-2.5">
                    
                        <?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Pinterest Icon" aria-hidden="true">
    <title>Pinterest logo</title>
    <defs>
        <polygon id="path-1" points="0 0 16 0 16 15.9879331 0 15.9879331"></polygon>
    </defs>
    <g id="Header/Footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="global-footer/desktop" transform="translate(-698.000000, -162.000000)">
            <rect id="Rectangle" fill="#FFFFFF" x="1" y="2" width="1440" height="440"></rect>
            <g id="Pinterest-logo" transform="translate(698.000000, 162.000000)">
                <mask id="mask-2" fill="white">
                    <use xlink:href="#path-1"></use>
                </mask>
                <g id="Clip-2"></g>
                <path d="M7.99265093,-2.92078542e-05 C3.57789961,0.000506505129 -0.000526239095,3.57972171 0,7.99447303 C0.000328899434,11.2843225 2.01635087,14.2380368 5.07991754,15.4372041 C5.01019086,14.8050594 4.94835777,13.8321749 5.10754509,13.1421439 C5.25291864,12.5178927 6.04490848,9.16903869 6.04490848,9.16903869 C5.8826295,8.79560628 5.80125978,8.39211245 5.80612749,7.98500073 C5.80612749,6.87332064 6.45011258,6.04383627 7.253285,6.04383627 C7.93542243,6.04383627 8.26432186,6.55560379 8.26432186,7.16933013 C8.26432186,7.85541435 7.82820121,8.87960719 7.6025762,9.83078436 C7.41444573,10.6260632 8.00186012,11.2779419 8.78661417,11.2779419 C10.2074597,11.2779419 11.2994058,9.78013384 11.2994058,7.61794896 C11.2994058,5.70441205 9.92394841,4.36644915 7.96107659,4.36644915 C5.6850925,4.36118676 4.3497608,6.06685923 4.3497608,7.8277868 C4.3497608,8.51452882 4.61288035,9.25126355 4.94177978,9.65186306 C4.9992714,9.71310414 5.02025518,9.80006515 4.99703488,9.88077707 C4.93651739,10.1333718 4.79969522,10.6760559 4.77535667,10.7872239 C4.73983553,10.9339131 4.65892627,10.9648296 4.50763253,10.8944451 C3.50975164,10.4293813 2.88550052,8.97038344 2.88550052,7.79818585 C2.88550052,5.27684279 4.71747037,2.96139077 8.16630983,2.96139077 C10.9389321,2.96139077 13.0932234,4.93478738 13.0932234,7.57716543 C13.0932234,10.3320271 11.3566343,12.5488093 8.94580149,12.5488093 C8.13605108,12.5488093 7.37497779,12.127818 7.11448944,11.6278909 C7.11448944,11.6278909 6.71323213,13.1533264 6.6165357,13.527614 C6.43564101,14.2215918 5.94886985,15.0918597 5.62325941,15.6227034 C9.83711896,16.9381038 14.3194262,14.5884462 15.6347608,10.3745867 C16.9501612,6.16079291 14.6005037,1.67841986 10.3867099,0.363085241 C9.61175707,0.121146818 8.80444051,-0.00126955182 7.99265093,-2.92078542e-05" id="Fill-1" fill="#23262A" mask="url(#mask-2)"></path>
            </g>
        </g>
    </g>
</svg>
                      
                  </span>
                </a>
              </li>
            
          
            
            
              <li class="my-3 list-none">
                <a href="https://bsky.app/profile/epicreads.bsky.social" class="text-epic-black hover:text-blue text-p-s-epic text-base" target="_blank">
                  <span class="inline-block mr-2.5">
                    
                        <svg width="16px" height="16px" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 568 501" aria-label="Bluesky Icon" aria-hidden="true"><title>Bluesky butterfly logo</title><path fill="#23262A" d="M123.121 33.664C188.241 82.553 258.281 181.68 284 234.873c25.719-53.192 95.759-152.32 160.879-201.21C491.866-1.611 568-28.906 568 57.947c0 17.346-9.945 145.713-15.778 166.555-20.275 72.453-94.155 90.933-159.875 79.748C507.222 323.8 536.444 388.56 473.333 453.32c-119.86 122.992-172.272-30.859-185.702-70.281-2.462-7.227-3.614-10.608-3.631-7.733-.017-2.875-1.169.506-3.631 7.733-13.43 39.422-65.842 193.273-185.702 70.281-63.111-64.76-33.89-129.52 80.986-149.071-65.72 11.185-139.6-7.295-159.875-79.748C9.945 203.659 0 75.291 0 57.946 0-28.906 76.135-1.612 123.121 33.664Z"></path></svg>
                      
                  </span>
                </a>
              </li>
            
          
            
            
              <li class="my-3 list-none">
                <a href="https://x.com/epicreads" class="text-epic-black hover:text-blue text-p-s-epic text-base" target="_blank">
                  <span class="inline-block mr-2.5">
                    
                        <svg width="16px" height="16px" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="Twitter Icon" aria-hidden="true">
    <title>Twitter X logo</title>
<path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="#23262A"/>
</svg>
                    
                  </span>
                </a>
              </li>
            
          
        </div>
      </div>
    

    <div class="sign-up w-full lg:order-last text-right order-first sm:text-center">
      
        
          <h3 class="text-h5-m font-figtree text-h6-epic uppercase tracking-2 font-semibold text-h6-f mt-0 mb-3 text-center sm:text-left font-semibold">
        
        Join our mailing list
        
          </h3>
        
      

      

      

      
      
        <div class="footer-legal-text text-sm text-left mt-0 mb-5 lg:mb-0">
          
            <form id="subscribeForm" name="sailthru-form" class="sailthru-form sailthru-form__115055" style="display: block;" method="post" action="https://link.epicreads.com/s/Epic+Reads+Master+List">

    <fieldset>
        <legend style="display: none;">Email and Age Information</legend>
        <div class="sailthru-form__email">

            <div class="hidden">
              <label hidden class="hidden" for="subscribeEmail">email address</label>
            </div>
            <input type="email"
              id="subscribeEmail"
              label="Email"
              name="email"
              class="input-group__field newsletter__input"
              value=""
              placeholder="Email address"
              autocorrect="off"
              autocapitalize="off"
              required
              aria-label="Enter email address"
              autocomplete="email"
            >
        </div>
        <div class="sailthru-form__dob">
        <div class="select-style">
            <label for="dob-age_115055" hidden="hidden" style="display: none">Age</label>
            <select name="age" class="age" id="dob-age_115055" tabindex="0" required="" aria-label="Choose your age">
                <option value="" disabled="" selected="">Choose your age</option>
                    <option value="18 or older">18 or older</option>
                    <option value="13–17">13–17</option>
                    <option value="Under 13">Under 13</option>
                    
            </select>
        </div>
    </div>

    <div id="re-captcha" class="opacity-0"></div>

    
      <input type="hidden" name="vars[marketingcode]" value="EpicReads_Shopify_Footer">
<input type="hidden" name="vars[source]" value="Epicreads_Shopify_Footer">
<input type="hidden" name="vars[marketingcode_last]" value="Epicreads_Shopify_Footer">
<input type="hidden" name="redirect" value="https://shop.epicreads.com/pages/newsletter-confirmation">
    

    <input type="hidden" name="recaptcha_key" value="6Lfn0CAUAAAAANJsDeiNxjaohHD5f2NEjS8XVGjm" />
    <input type="hidden" name="vars[OptOutCheck]" value="Check" data-type="string" />

    <button aria-label="submit" type="submit" class="sailthru-form__submit" value="Submit" id="footer-form-submit">
                <span class="button button-secondary">Sign Up</span>
              </button>

    </fieldset>
</form>


  <script>

    var reCaptchaExecuted = false;
        

    const validateEmail = (email) => {
      return String(email)
        .toLowerCase()
        .match(
          /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
        );
    };

    var validate = function(event) {



      if (!validateEmail($('.newsletter__input').val())) {
        alert("You must complete with your email");
      }
      else {
            let age = document.forms["sailthru-form"]["age"].value;

        if (age != "18 or older") {
            alert("Sorry, we can’t process your request at this time.");
            return false;
        } else {
            grecaptcha.execute();
        }
        }   
    }

    var onSubmit = function(token) {
      $('#subscribeForm').submit();
     };

    var onloadCallback = function () {
      if ($("#re-captcha").length) {
        grecaptcha.render(document.getElementById("re-captcha"), {
          'sitekey' : "6Lfn0CAUAAAAANJsDeiNxjaohHD5f2NEjS8XVGjm",
          'theme': "light",
          'size': "invisible",
          'callback': onSubmit
        });
      }

      if ($("#footer-form-submit").length) {
        $("#footer-form-submit").on('click', validate)
      }
    }

    // Function that loads recaptcha on form input focus
    var reCaptchaOnFocus = function() {
      if (!reCaptchaExecuted) {
        reCaptchaExecuted = true;

        var $head = $('head')
        var script = '<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&amp;render=explicit"><\/script>';

        $head.append(script);
      }
    };

    // Add initial event listener to the form input
    $('.newsletter__input').on('focus', reCaptchaOnFocus);

  </script>



          
          <p>Epic Reads is a promotional service of HarperCollins Publishers, 195 Broadway, New York, NY 10007, providing information about the products of HarperCollins and its affiliates. By submitting your email address, you understand that you will receive email communications from Epic Reads and other HarperCollins services. You may unsubscribe from these email communications at any time. If you have any questions, please review our <a href="https://shop.epicreads.com/policies/privacy-policy" target="_blank" title="https://shop.epicreads.com/policies/privacy-policy">policy</a> or email us at <a href="mailto:privacypolicy@harpercollins.com" target="_blank">privacypolicy@harpercollins.com</a>.</p>
        </div>
      
    </div>
  </div>

  
    <div class="flex mt-6 mb-5 lg:mt-11 lg:mb-9">
      <div class="w-100 px-6 xs:text-center lg:text-left w-full">
        <p class="text-epic-black epic-copyright text-center lg:text-left mt-0">
          
          ©2026, HarperCollins Publishers. <br class="md:hidden">All Rights Reserved.
        </p>
      </div>
    </div>
  
</section>


  <script>
    var reCaptchaExecuted = false;

    const validateEmail = (email) => {
      return String(email)
        .toLowerCase()
        .match(
          /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
        );
    };

    var validate = function(event) {
      event.preventDefault();

      if (!validateEmail($('.newsletter__input').val())) {
        alert("You must complete with your email");
      } else {
        grecaptcha.execute();
      }
    }

    var onSubmit = function(token) {
      $('#subscribeForm').submit();
    };

    var onloadCallback = function () {
      if ($("#re-captcha").length) {
        grecaptcha.render(document.getElementById("re-captcha"), {
          'sitekey' : "6Lfn0CAUAAAAANJsDeiNxjaohHD5f2NEjS8XVGjm",
          'theme': "light",
          'size': "invisible",
          'callback': onSubmit
        });
      }

      if ($("#footer-form-submit").length) {
        $("#footer-form-submit").on('click', validate)
      }
    }

    // Function that loads recaptcha on form input focus
    var reCaptchaOnFocus = function() {
      if (!reCaptchaExecuted) {
        reCaptchaExecuted = true;

        var $head = $('head')
        var script = '<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&amp;render=explicit"><\/script>';

        $head.append(script);
      }
    };

    // Add initial event listener to the form input
    $('.newsletter__input').on('focus', reCaptchaOnFocus);
  </script>


<style>
  .epic-body .footer h3 {
    font-family: Figtree, sans-serif !important;
  }
</style>

</div>

    <div class="modal hidden">
  <div class="bg-dark-charcoal opacity-30 fixed top-0 bottom-0 w-full h-full" onclick="eHS.modal.close()"></div>
  <div class="modal-content-container bg-white flex relative z-40 px-6 py-8 md:px-20 md:py-12">
    <button class="absolute top-4 right-4 text-dark-charcoal" type="button" onclick="eHS.modal.close()" aria-label="Close Modal"><svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor" fill-rule="evenodd"><rect transform="rotate(45 7.778 7.778)" x="-2.222" y="6.778" width="20" height="2" rx="1"/><rect transform="scale(-1 1) rotate(45 0 -11)" x="-2.222" y="6.778" width="20" height="2" rx="1"/></g></svg></button>
    <div class="modal-content"></div>
  </div>
</div>


    <script type="text/javascript">
  window.gwpEnabled = 'false';
  window.gwpActiveThreshold = 'price';
  window.gwpThresholdCartAmount = '1';
  window.gwpThresholdProduct = '';
  window.gwpThresholdCollection = '';

  jQuery.getJSON(window.Shopify.routes.root + 'products/.js', (product) => {
    window.gwpProductID = product.variants[0].id;
    window.gwpProductAvailable = product.variants[0].available;
  });
</script>

    <script src="//epicreads.com/cdn/shop/t/16/assets/constants.js?v=12395376795438471541762281920" defer="defer"></script>
    <script src="//epicreads.com/cdn/shop/t/16/assets/pubsub.js?v=25310214064522200911762281863" defer="defer"></script>
    <script src="//epicreads.com/cdn/shop/t/16/assets/index.js?v=47635136991353354521768400391" defer="defer"></script>
    

    <!-- Rebuy <script> is been automatically added by the App -->
    <script>
  // Rebuy widgets overrides
  document.addEventListener("rebuy.beforeProductsChange", function (event) {
    event.detail.products.forEach((product, productIndex) => {
      // remove digital and OOS variants on all Rebuy widgets
      product.variants.forEach((variant, variantIndex) => {
        if (
          variant.requires_shipping === false
        ) {
          product.variants.splice(variantIndex, 1);
        }
      });
      product.variants.forEach((variant, variantIndex) => {
        if (
          variant.inventory_quantity === 0
        ) {
          product.variants.splice(variantIndex, 1);
        }
      });
      // Remove products without any variants
      if (product.variants.length === 0) {
        event.detail.products.splice(productIndex, 1);
      }
    });
  });
</script>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>


  <script>
    var loggedIn = false;
    var previousUrl = document.referrer;
    loginUrl = "https://harpercollins.auth0.com/authorize?response_type=code&client_id=wuYrITt6fzG1rYxHg4HVgvbQeQhyHFw4&returnTo="+previousUrl+"?viewcart=true";
  </script>


<script>
  // Loads cart items
  function getCartItems() {
    axios.get("/cart").then((res) => {
      var rawData = $(res.data).find("#cartTemplate .cartItems__body").html();
      if (rawData) {
        var encodedData = encodeURIComponent(rawData);
        $("#rebuy-cart #cartItems").html(decodeURIComponent(encodedData));
      } else {
        $("#rebuy-cart #cartItems").html("");
      }
    }).catch((error) => {
      console.log(error);
    });
  };

  function hasDigitalProducts(event) {
    var smartCartContent = document.querySelector("#rebuy-cart .rebuy-cart__flyout-items");

    if (smartCartContent) {
      var checkoutBtn = document.querySelector("#rebuy-cart > div.rebuy-cart__flyout > div.rebuy-cart__flyout-footer > div.rebuy-cart__flyout-actions > button");
      var items = event.cart.items;
      var hasDigitalProduct = false;

      // Check if digital items are in cart (excluding Gift Card products)
      items.forEach((product, productIndex) => {
        if (product.requires_shipping === false && product.product_type !== 'Gift Card') {
          hasDigitalProduct = true;
        }
      });

      //Add login button when digital products in cart
      if (hasDigitalProduct && !loggedIn) {
        if (checkoutBtn) {
          checkoutBtn.disabled = true;
        }
        var loginBtnContainer = $("#drawer-login-btn");
        if (loginBtnContainer.length == 0) {
          var loginBtn = document.createElement("div");
          loginBtn.classList.add("w-full");
          loginBtn.innerHTML =
              `<a id="drawer-login-btn" href="` +
              loginUrl +
              `" class="flex items-center justify-center bg-yellow text-dark-charcoal  py-3 font-bold text-center mt-2 hover:no-underline">
              <?xml version="1.0" encoding="UTF-8"?>
<svg width="22px" height="20px" viewBox="0 0 22 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>7C0C545E-6BD9-41BB-82C3-B8F11ADA44A0</title>
    <g id="Cart" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="M---Cart-States" transform="translate(-79.000000, -974.000000)" stroke="#23262A" stroke-width="2">
            <g id="Group-7" transform="translate(24.000000, 960.000000)">
                <g id="alert-triangle" transform="translate(56.000000, 15.000000)">
                    <path d="M8.36332609,0.921460814 L0.256526093,14.4551269 C-0.0835942431,15.0441378 -0.0856249573,15.7693923 0.251191609,16.3602985 C0.588008175,16.9512048 1.21308257,17.3190094 1.8932,17.3264847 L18.1068,17.3264847 C18.7869174,17.3190094 19.4119918,16.9512048 19.7488084,16.3602985 C20.085625,15.7693923 20.0835942,15.0441378 19.7434739,14.4551269 L11.6366739,0.921460814 C11.2896553,0.349372763 10.6691088,0 10,0 C9.33089117,0 8.71034467,0.349372763 8.36332609,0.921460814 Z" id="Path"></path>
                    <line x1="10" y1="5.84105373" x2="10" y2="9.66953071" id="Path"></line>
                    <line x1="10" y1="13.4980077" x2="10.0095712" y2="13.4980077" id="Path"></line>
                </g>
            </g>
        </g>
    </g>
</svg>
                      <span class="ml-4 no-underline">Please <span class="underline hover:no-underline">login</span> to continue</span>
              </a>`;
          checkoutBtn.after(loginBtn);
        }
        //Add messaging when digital products in cart
        var alertContainer = $("#smartCartDigitalAlert");
        if (alertContainer.length == 0) {
          var smartCartDigitalAlert = document.createElement("div");
          smartCartDigitalAlert.innerHTML = `<div id="smartCartDigitalAlert" class="cartDigitalAlert py-6 px-8 lg:mb-12 flex items-center md:items-start flex-col md:flex-row">
              <div class="cartDigitalAlert__icon rounded-full flex items-center justify-center bg-white w-10 h-10 ">
              <?xml version="1.0" encoding="UTF-8"?>
<svg width="22px" height="20px" viewBox="0 0 22 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>7C0C545E-6BD9-41BB-82C3-B8F11ADA44A0</title>
    <g id="Cart" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="M---Cart-States" transform="translate(-79.000000, -974.000000)" stroke="#23262A" stroke-width="2">
            <g id="Group-7" transform="translate(24.000000, 960.000000)">
                <g id="alert-triangle" transform="translate(56.000000, 15.000000)">
                    <path d="M8.36332609,0.921460814 L0.256526093,14.4551269 C-0.0835942431,15.0441378 -0.0856249573,15.7693923 0.251191609,16.3602985 C0.588008175,16.9512048 1.21308257,17.3190094 1.8932,17.3264847 L18.1068,17.3264847 C18.7869174,17.3190094 19.4119918,16.9512048 19.7488084,16.3602985 C20.085625,15.7693923 20.0835942,15.0441378 19.7434739,14.4551269 L11.6366739,0.921460814 C11.2896553,0.349372763 10.6691088,0 10,0 C9.33089117,0 8.71034467,0.349372763 8.36332609,0.921460814 Z" id="Path"></path>
                    <line x1="10" y1="5.84105373" x2="10" y2="9.66953071" id="Path"></line>
                    <line x1="10" y1="13.4980077" x2="10.0095712" y2="13.4980077" id="Path"></line>
                </g>
            </g>
        </g>
    </g>
</svg>
              </div>
              <div class="cartDigitalAlert__body flex-1 ml-3 text-center md:text-left">
              <h4 class="mt-4 md:mt-1 mb-6 md:pl-2 font-semibold">You have added a digital product to your cart.</h4>
              <p class="text-sm mt-4 text-dark-charcoal">To ensure accurate delivery of digital materials in your shopping cart, you must create an account before you checkout. The email address associated with your account will also be used to access your eBook(s) after purchase, and to access streaming video with our partner Study Gateway. For more information and a brief video about how to access digital materials purchased here, please see our <a class="text-dark-charcoal link-rev" href="https://www.harpercollinschristian.com/p/customercare/" target="_blank" rel="noopener noreferrer">FAQs</a>.</p>
              </div>
              </div>`;
          smartCartContent.after(smartCartDigitalAlert);
        }
      } else {
        if ($("#smartCartDigitalAlert").parent()) {
          $("#smartCartDigitalAlert").parent().remove();
        }
        if (checkoutBtn) {
          checkoutBtn.disabled = false;
        }
        if ($("#drawer-login-btn").parent()) {
          $("#drawer-login-btn").parent().remove();
        }
      }
    }
  }

  // Rebuy SmartCart Customizations
  document.addEventListener("rebuy:smartcart.ready", function (event) {
    getCartItems();
    var event = event.detail.smartcart;

    hasDigitalProducts(event);

    function onQuantityAdjust(event) {
      $(document).on("click", ".qty__adjust", function (event) {
        event.preventDefault();
        const qtyInput = $(this)
          .closest(".cartItem__quantity")
          .find(".cart__qty-input");
        let step = 1;
        let currentQty = parseInt(qtyInput.val());
        const bundleQty = parseInt($(this).attr('data-bundle-qty'));

        if ($(this).hasClass("qty__adjust--decrease")){
          step = -1
        }

        if($(this).hasClass("qty__adjust--decrease") && bundleQty > 1) {
          qtyInput.val(currentQty - bundleQty).trigger("change");
        } else if(bundleQty > 1) {
          qtyInput.val(currentQty + bundleQty).trigger("change");
        } else {
          qtyInput.val(currentQty + step).trigger("change");
        }
      });
    }

    function onQuantityChange() {
      $(document).on("change", ".cart__qty-input", function (event) {
        const cartItem = $(this).closest(".cartItem");
        let quantity = $(this).val();
        const previousQuantity = parseInt($(this).attr("data-value"));
        const rootBundleId = cartItem.attr("data-rootBundleId");
        const maxValue = $(this).attr("max")
          ? parseInt($(this).attr("max"))
          : false;

        if (maxValue !== false) {
          if (maxValue <= 0 && previousQuantity < quantity) {
            $(this).val(previousQuantity);
            quantity = previousQuantity;
            return false;
          }

          if (quantity > previousQuantity + maxValue) {
            $(this).val(previousQuantity + maxValue);
            quantity = previousQuantity + maxValue;
          }
        }

        let data = {};

        if (rootBundleId) {
          $('.cartItem[data-bundleId="child-' + rootBundleId + '"]').each(
            function () {
              let lineKey = $(this).attr("data-line-key");
              var itemQuantity = parseInt($(this).attr("data-itemQuantity"));

              if(itemQuantity > 1) {
                data[lineKey] = parseInt(quantity);
              } else {
                data[lineKey] = itemQuantity * quantity;
              }
            }
          );
        } else {
          let lineKey = cartItem.attr("data-line-key");
          data[lineKey] = quantity;
        }

        updateCart(data);
      });
    }

    function onRemoveItem() {
      $(document).on("click", ".cartItem__remove", function (event) {
        event.preventDefault();
        const cartItem = $(this).closest(".cartItem");
        const rootBundleId = cartItem.attr("data-rootBundleId");
        let data = {};

        if (rootBundleId) {
          $('.cartItem[data-bundleId="child-' + rootBundleId + '"]').each(
            function () {
              let lineKey = $(this).attr("data-line-key");
              data[lineKey] = 0;
            }
          );
        } else {
          let lineKey = cartItem.attr("data-line-key");
          data[lineKey] = 0;
        }

        updateCart(data);
      });
    }

    function updateCart(data) {

      axios.post("/cart/update.js", {
        updates: data,
      }).then((res) => {
        getCartItems();
        // hasDigitalProducts();
      }).catch((error) => {
        console.log(error);
      });
    }

    onQuantityAdjust();
    onQuantityChange();
    onRemoveItem();
  });

  document.addEventListener("rebuy:cart.change", function (event) {
    var event = event.detail.cart;
    getCartItems();
    hasDigitalProducts(event);
  });
</script>

    <script id="rebuy-cart-template" type="text/template">
  <div id="rebuy-cart" class="rebuy-cart" v-cloak v-bind:class="[visible ? 'is-visible' : '', 'currency-' + currency() ]">
    <div class="rebuy-cart__flyout" >
      <div class="rebuy-cart__flyout-header">
        <h3 class="text-center" v-html="settings.language.cart_title"></h3>
        <button class="rebuy-cart__flyout-close" type="button" aria-label="Close Smart Cart" v-on:click="hide()">
          <i class="fal fa-times"></i>
        </button>
      </div>
      <div class="rebuy-cart__flyout-body">
        <div class="rebuy-cart__flyout-announcement-bar" id="rebuy-smart-cart-announcement-bar" v-if="announcementBarEnabled()">
          <div class="rebuy-cart__flyout-announcement-bar-message" v-for="message in settings.announcement_bar.messages" v-html="message"></div>
        </div>
        <div class="rebuy-cart__flyout-shipping-bar" v-if="freeShippingEnabled()"
          v-bind:class="[ freeShippingHelperMessage() ? 'has-helper' : '', hasFreeShipping() ? 'has-free-shipping': '' ]">
          <div class="rebuy-cart__flyout-shipping-bar-message" v-if="!hasFreeShipping()" v-html="freeShippingRemainingMessage()"></div>
          <div class="rebuy-cart__flyout-shipping-bar-message" v-if="hasFreeShipping()" v-html="freeShippingCompleteMessage()"></div>
          <div class="rebuy-cart__flyout-shipping-bar-meter" v-bind:class="[hasFreeShippingProgress() ? 'has-progress' : 'no-progress']">
            <div class="rebuy-cart__flyout-shipping-bar-meter-fill" v-bind:style="{ width: freeShippingPercentComplete() }">
              <span class="rebuy-cart__flyout-shipping-bar-meter-fill-text" v-html="freeShippingPercentComplete()"></span>
            </div>
          </div>
          <div class="rebuy-cart__flyout-shipping-bar-helper" v-if="freeShippingHelperMessage()" v-html="freeShippingHelperMessage()"></div>
        </div>
        <div v-else-if="progressBarEnabled()" class="rebuy-cart__progress-bar-container above">
          <div v-for="bar in settings.progress_bar.bars" v-if="isValidBar(bar)">
            <div class="rebuy-cart__progress-step-wrapper" v-bind:class="[ 'count-' + bar.tiers.length ]">
              <div v-for="tier in bar.tiers" class="rebuy-cart__progress-step" v-bind:style="{ width: progressStepMaxWidth(bar) }" v-bind:class="[ progressTierReached(tier) ? 'complete' : '' ]">
                <div class="rebuy-cart__progress-step-icon" v-html="progressTierIcon(tier)"></div>
                <span class="rebuy-cart__progress-step-label"></span>
              </div>
            </div>

            <div class="rebuy-cart__progress-bar-wrapper">
              <div class="rebuy-cart__progress-bar-meter" v-bind:class="[hasTierProgress() ? 'has-progress' : 'no-progress']">
                <div
                  class="rebuy-cart__progress-bar-meter-fill"
                  v-bind:style="{ width: tiersPercentageComplete(bar) }"
                  role="progressbar"
                  tabindex="0"
                  aria-valuemin="0"
                  aria-valuemax="100"
                  v-bind:aria-valuenow="tiersPercentageComplete(bar, true)"
                  aria-labelledby="rebuy-cart__progress-bar-meter-label"
                >
                  <span class="sr-only"></span>
                </div>
              </div>

              <div id="rebuy-cart__progress-bar-meter-label" class="rebuy-cart__progress-bar-prompt" v-if="hasProgressPrompt(bar)" v-html="getTierFeedbackText(bar)"></div>
            </div>

            <div class="rebuy-cart__progress-free-products" v-if="getBarLayout(bar) == 'above' && earnedProducts(bar).length > 0">
              <div class="rebuy-cart__progress-free-products-title">Free Gifts</div>
              <div class="rebuy-cart__progress-free-products-list" ref="freeProductList">
                <div v-for="product in earnedProducts(bar)" class="rebuy-cart__progress-free-product" v-bind:style="[ freeProductTileStyle(bar) ]">
                  <div class="rebuy-cart__progress-free-product-image" v-bind:style="freeProductStyles(product)"></div>
                  <div class="rebuy-cart__progress-free-product-info">
                    <div>
                      <p class="rebuy-cart__progress-free-product-title" v-html="product.title"></p>
                      <span v-if="product.chosen_variant" class="rebuy-cart__progress-free-product-variant-title" v-html="getFreeVariantTitle(product)"></span>
                    </div>
                    <div v-if="!product.chosen_variant" class="rebuy-cart__progress-free-product-variant-select-container">
                      <select class="rebuy-cart__progress-free-product-variant-select" v-on:change="selectFreeProductVariant($event, product)">
                        <option value="" disabled selected>Select Variant</option>
                        <option v-for="variant in freeProductOptions(product)" v-bind:value="variant.id"></option>
                      </select>
                      <div class="rebuy-cart__progress-free-product-variant-select-prompt" v-html="freeProductPrompt(product)"></div>
                    </div>
                  </div>
                  <button v-show="product.chosen_variant" class="rebuy-cart__progress-free-product-remove" v-on:click="removeFreeProduct(product)">
                    <i class="fal fa-times"></i>
                    <span class="sr-only">Remove   from Cart</span>
                  </button>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="rebuy-cart__flyout-content" v-bind:class="[ hasItems() ? 'has-items' : 'no-items' ]">
          <div id="cartItems"></div>

          <div class="rebuy-cart__flyout-empty-cart" v-if="!hasItems()" v-html="emptyCartMessage()"></div>
          <div class="rebuy-cart__flyout-recommendations" v-if="hasCrossSells()">
            <h4 class="text-center divider-heading my-2">You May Also Like</h4>
            <div v-for="widget_id in settings.cross_sells" v-bind:data-rebuy-id="widget_id"></div>
          </div>
        </div>
      </div>
      <div class="rebuy-cart__flyout-footer" v-if="hasItems()">
        <div v-if="shouldShowDiscountInput && shouldShowDiscountInput()" class="rebuy-cart__flyout-discount">
          <div class="rebuy-cart__flyout-discount-left">
            <span class="rebuy-cart__flyout-label" v-html="settings.language.discount_code_label"></span>
          </div> <div class="rebuy-cart__flyout-discount-right">
            <div class="rebuy-cart__flyout-discount-input">
              <input class="input" v-model="discount.inputValue" id="rebuy-discount-input" aria-label="Input Discount" autocomplete />
              <span v-if="showInvalidMessage()" class="rebuy-cart__flyout-discount-message" v-html="settings.language.discount_invalid_message"> </span>
            </div>
            <button class="rebuy-button" v-on:click="applyDiscount()" v-bind:disabled="discount.loading" >
              <span v-html="discountButtonLabel && discountButtonLabel()"></span>
            </button>
          </div>
        </div>
        <div v-if="shouldShowDiscountSubtotal && shouldShowDiscountSubtotal()" class="rebuy-cart__flyout-discount-amount rebuy-cart__flyout-discount--amount">
          <div class="rebuy-cart__flyout-discount-left">
            <span class="rebuy-cart__flyout-label" v-html="discountLabel && discountLabel()"></span>
            <div class="rebuy-cart__flyout-tag" v-on:click="removeDiscount()">
              <span>
                <i class='fas fa-tags'></i>
              </span>
              <span v-html="discount.inputValue"></span>
              <span class="rebuy-cart__flyout-tag-time">
                <i class="fas fa-times"></i>
              </span>
            </div>
          </div>
          <div class="rebuy-cart__flyout-subtotal-amount rebuy-cart__flyout-discount-right" v-html="discountTotal && discountTotal()"> </div>
        </div>
        <div class="rebuy-cart__flyout-integration" v-if="settings.integrations && settings.integrations.enabled"></div>
        <div class="rebuy-cart__flyout-apps"></div>
        <div class="rebuy-cart__flyout-subtotal">
          <div class="rebuy-cart__flyout-subtotal-label">
            <span v-html="subtotalLabel()"></span>
          </div>
          <div class="rebuy-cart__flyout-subtotal-amount" v-html="subtotal()"></div>
        </div>
        <div class="rebuy-cart__flyout-actions">

          <div v-if="settings.terms && settings.terms.enabled" class="rebuy-cart__flyout-terms">
            <input class="rebuy-cart__flyout-terms-checkbox rebuy-checkbox" id="rebuy-terms-checkbox" name="rebuy-terms-checkbox"
              type="checkbox" v-model="termsAccepted" v-on:click="updateTermsCheck()" />
            <label class="rebuy-cart__flyout-terms-label" for="rebuy-terms-checkbox" v-html="settings.terms.disclaimer"></label>
          </div>

            <button v-if="hasCheckoutButton()" class="rebuy-button block" type="button" v-on:click="checkout()" v-bind:disabled="hasTermsEnabled() && !hasAcceptedTerms()">
                <span v-html="checkoutLabel()"></span>
            </button>

          <button v-if="hasViewCartButton()" class="rebuy-button block" v-bind:class="{'outline': hasCheckoutButton()}" type="button" v-on:click="viewCart()">
            <span v-html="viewCartLabel()"></span>
          </button>
          <button v-if="hasContinueShoppingButton()" class="rebuy-button block outline" type="button" v-on:click="hide()">
            <span v-html="continueShoppingLabel()"></span>
          </button>
        </div>
        <div class="rebuy-cart__flyout-installments" v-if="installmentsEnabled()" v-html="installmentsMessage()"></div>
      </div>
    </div>
    <div class="rebuy-cart__background" v-on:click="hide()"></div>
  </div>
</script>


    <script>
      window.accessibilityStrings = {
        recipientFormExpanded: `Gift card recipient form expanded`,
        recipientFormCollapsed: `Gift card recipient form collapsed`,
      };
    </script>
  <div id="shopify-block-AQTlTWDBDUEVwNWNoZ__10641372206048101839" class="shopify-block shopify-app-block">
<script>
  window.rebuyAppEmbedEnabled = true;
</script>


<script async src="https://cdn.rebuyengine.com/onsite/js/rebuy.js?shop=epicreadsstore.myshopify.com"></script>


</div><div id="shopify-block-AVDU0alR1U1pVQnVaZ__9365423049038898845" class="shopify-block shopify-app-block">
<script type="text/javascript" async="async" src="https://embed.tawk.to/widget-script/67c9f66115ee90190bdb486e/1ilmekr9n"></script>



</div><div id="shopify-block-Ad3lHck9Ccldkb2R1R__12526071353035850722" class="shopify-block shopify-app-block">
  <script defer src="https://backinstock.useamp.com/widget/15156_1767162271.js?category=bis&v=6"></script>


<script id="back-in-stock-helper-embedded">
  var _BISConfig = _BISConfig || {};

  

  
</script>

<script id="preorders-helper-embedded">
  
</script>


<script defer type="module" src="https://cdn.shopify.com/extensions/019b9143-b34a-7558-8c27-bda299a106fc/back-in-stock-48/assets/preorder-product-page-updater.js"></script>




</div></body>
</html>
