CINXE.COM

HBO Shop

<!doctype html> <html class="no-js" lang="en" > <title>HBO Shop</title> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="theme-color" content="#182234"> <link rel="canonical" href="https://shop.hbo.com/collections/luggage-tags"> <meta name="format-detection" content="telephone=no"><link rel="shortcut icon" href="//shop.hbo.com/cdn/shop/files/hbo-favicon_32x32.png?v=1613009674" type="image/png" /> <link rel="preconnect" href="https://fonts.gstatic.com" /> <link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet"> <title></title><meta property="og:site_name" content="HBO Shop"> <meta property="og:url" content="https://shop.hbo.com/collections/luggage-tags"> <meta property="og:title" content="Luggage Tags"> <meta property="og:type" content="website"> <meta property="og:description" content="Rep your favorite shows like Game of Thrones, Curb Your Enthusiasm, Euphoria and more with official merch! Shop official merchandise from all of your favorite HBO shows! Apparel, drinkware & more! "><meta property="og:image" content="http://shop.hbo.com/cdn/shop/products/WT-LOGOPLM-69-100328-FT-MF_1200x630.jpg?v=1682350462"><meta property="og:image" content="http://shop.hbo.com/cdn/shop/products/SATC-HL-72-100328-FT-MF_1200x630.jpg?v=1686923029"> <meta property="og:image:secure_url" content="https://shop.hbo.com/cdn/shop/products/WT-LOGOPLM-69-100328-FT-MF_1200x630.jpg?v=1682350462"><meta property="og:image:secure_url" content="https://shop.hbo.com/cdn/shop/products/SATC-HL-72-100328-FT-MF_1200x630.jpg?v=1686923029"> <!-- Twitter Card Layout --> <meta name="twitter:card" content="summary"><meta name="twitter:title" content="Luggage Tags"> <meta name="twitter:description" content=""> <meta name="twitter:image" content="https://shop.hbo.com/cdn/shop/products/WT-LOGOPLM-69-100328-FT-MF_600x600_crop_center.jpg?v=1682350462"> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <style data-shopify> @font-face { font-family: Montserrat; font-weight: 300; font-style: normal; src: url("//shop.hbo.com/cdn/fonts/montserrat/montserrat_n3.e9c2ec7697570c33b13645dbd15f3f729c5e921b.woff2?h1=aGJvLmNvbQ&h2=d2ItaGJvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=c9b7276313eac8eb9417de46a4d6d52de73272236dc209bf3a27685ef8e02e65") format("woff2"), url("//shop.hbo.com/cdn/fonts/montserrat/montserrat_n3.f481a31eaff8b48749cc413f5c6990b1db3c9103.woff?h1=aGJvLmNvbQ&h2=d2ItaGJvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=b0fdee416a1dbfaacbe918468ee188d4ed45a6a949aae8a28b2f0b32b82d69be") format("woff"); } @font-face { font-family: Montserrat; font-weight: 400; font-style: normal; src: url("//shop.hbo.com/cdn/fonts/montserrat/montserrat_n4.1d581f6d4bf1a97f4cbc0b88b933bc136d38d178.woff2?h1=aGJvLmNvbQ&h2=d2ItaGJvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=1ef08b1baf2f76ecd9a5ef01a9fabb52d820fa29c5836f42d9a7fc2209270f51") format("woff2"), url("//shop.hbo.com/cdn/fonts/montserrat/montserrat_n4.cfce41a967758ce5a9b7d48daeb5b028fd977a9b.woff?h1=aGJvLmNvbQ&h2=d2ItaGJvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=3b451c05a63751a231ead4f19037e20b1fcc9537bbd0b83e994eaa201430711a") format("woff"); } @font-face { font-family: Montserrat; font-weight: 600; font-style: normal; src: url("//shop.hbo.com/cdn/fonts/montserrat/montserrat_n6.7a3c341961dc23aaabcc116124b80f2a7abec1a2.woff2?h1=aGJvLmNvbQ&h2=d2ItaGJvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=9a3386dbb8612b8750edc6ee453f85a9f7d20fb2e396753de75c386e59ef646f") format("woff2"), url("//shop.hbo.com/cdn/fonts/montserrat/montserrat_n6.2c97c1a692c63ad09ab0635cb73b1939c5f417c0.woff?h1=aGJvLmNvbQ&h2=d2ItaGJvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=3edeebcfad289ff9b8d7e0c596319a37728c4ddbb5be0f8ec466f754dee124cd") format("woff"); } @font-face { font-family: Montserrat; font-weight: 400; font-style: italic; src: url("//shop.hbo.com/cdn/fonts/montserrat/montserrat_i4.ae02483b3d5e8777d0d4a4ccf396482c364d8955.woff2?h1=aGJvLmNvbQ&h2=d2ItaGJvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=2af3ca2056b572de366138dd5dcf2cb4bf182d4bac5516ad89e4101eb92dd4b2") format("woff2"), url("//shop.hbo.com/cdn/fonts/montserrat/montserrat_i4.ba28d1a04ec09448de486d83c63235903dfc0af8.woff?h1=aGJvLmNvbQ&h2=d2ItaGJvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=46ecfadb9b504e429a0362afd40e7fc1bde92161912b66f2db1f8200726e660c") format("woff"); } @font-face { font-family: Montserrat; font-weight: 600; font-style: italic; src: url("//shop.hbo.com/cdn/fonts/montserrat/montserrat_i6.bb32b9769003f43740e1d34d4950111dc499f6a3.woff2?h1=aGJvLmNvbQ&h2=d2ItaGJvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=e986f060843770481a00fa44c3f78fd9e6bd79004cf09afcefeae7e6e6f73b05") format("woff2"), url("//shop.hbo.com/cdn/fonts/montserrat/montserrat_i6.03e5487c9d0e38a8b7842611c321007444720c45.woff?h1=aGJvLmNvbQ&h2=d2ItaGJvLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=25fd9799c24f6c5e2471c2bb6ff2f63ca1d62bd138d4c78bf2714d23c52e6183") format("woff"); } </style> <link href="//shop.hbo.com/cdn/shop/t/25/assets/theme.scss.css?v=68217218642809038991732727061" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.hbo.com/cdn/shop/t/25/assets/blizzard.scss.css?v=140885972692346183421732726669" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.hbo.com/cdn/shop/t/25/assets/gift-guide.scss.css?v=163416673087144449631732726669" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.hbo.com/cdn/shop/t/25/assets/custom.scss.css?v=113829928626082358291732726669" rel="stylesheet" type="text/css" media="all" /> <style data-shopify> .collection-item__title { font-size: 12.0px; } @media screen and (min-width: 769px) { .collection-item__title { font-size: 15px; } } </style> <script> document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); window.theme = window.theme || {}; theme.strings = { addToCart: "Add to cart", soldOut: "Coming Soon", unavailable: "Unavailable", stockLabel: "Only [count] items in stock!", willNotShipUntil: "Will not ship until [date]", willBeInStockAfter: "Will be in stock after [date]", waitingForStock: "Inventory on the way", savePrice: "Save [saved_amount]", cartEmpty: "Your cart is currently empty.", cartTermsConfirmation: "You must agree with the terms and conditions of sales to checkout" }; theme.settings = { dynamicVariantsEnable: true, dynamicVariantType: "button", cartType: "drawer", moneyFormat: "${{amount}}", saveType: "percent", recentlyViewedEnabled: false, predictiveSearch: true, predictiveSearchType: "product,page", inventoryThreshold: 10, quickView: true, themeName: 'Snow Blizzard', themeVersion: "3.0.2" }; </script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" type="text/javascript"></script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" type="text/javascript"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js" type="text/javascript"></script> <script src="//shop.hbo.com/cdn/shop/t/25/assets/custom.js?v=158090098440678318101732726669"></script> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="MUTeEuaTmuZiM91XGPym5dT42ivcDpqwo8Hz7J3aMv8"> <meta name="google-site-verification" content="MUTeEuaTmuZiM91XGPym5dT42ivcDpqwo8Hz7J3aMv8"> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/53350301859/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="f94b8a9f0325ba76bf42c95a0551554d"> <meta id="in-context-paypal-metadata" data-shop-id="53350301859" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> <link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/luggage-tags.atom" /> <link rel="alternate" type="application/json+oembed" href="https://shop.hbo.com/collections/luggage-tags.oembed"> <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=53350301859" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":53350301859,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/53350301859","merchantName":"HBO Shop","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"HBO Shop","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"f94b8a9f0325ba76bf42c95a0551554d","betas":["rich-media-storefront-analytics"],"domain":"shop.hbo.com","predictiveSearch":true,"shopId":53350301859,"smart_payment_buttons_url":"https:\/\/shop.hbo.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/shop.hbo.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "wb-hbo.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "US"; Shopify.theme = {"name":"HBO Shop - Black Friday","id":141968539811,"schema_name":"Snow Blizzard","schema_version":"3.0.2","theme_store_id":null,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "shop.hbo.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";</script> <script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"init-fed-cm":["modules/v2/client.init-fed-cm_CCGbgnft.en.esm.js","modules/v2/chunk.common_CdPFfcgY.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_GSdPucNi.en.esm.js","modules/v2/chunk.common_CdPFfcgY.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_CffjIiNv.en.esm.js","modules/v2/chunk.common_CdPFfcgY.esm.js","modules/v2/chunk.modal_C8kV2l1l.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_B9CmakBv.en.esm.js","modules/v2/chunk.common_CdPFfcgY.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_DDtc9QZi.en.esm.js","modules/v2/chunk.common_CdPFfcgY.esm.js","modules/v2/chunk.modal_C8kV2l1l.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_D3Xn1ded.en.esm.js","modules/v2/client.shop-login-button_D5BOolg_.en.esm.js","modules/v2/chunk.common_CdPFfcgY.esm.js","modules/v2/chunk.modal_C8kV2l1l.esm.js"],"lead-capture":["modules/v2/client.lead-capture_C3Ow7w9R.en.esm.js","modules/v2/chunk.common_CdPFfcgY.esm.js","modules/v2/chunk.modal_C8kV2l1l.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_Do1O1vmT.en.esm.js","modules/v2/client.shop-login-button_D5BOolg_.en.esm.js","modules/v2/chunk.common_CdPFfcgY.esm.js","modules/v2/chunk.modal_C8kV2l1l.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_C0oxtgBJ.en.esm.js","modules/v2/chunk.common_CdPFfcgY.esm.js","modules/v2/chunk.modal_C8kV2l1l.esm.js"],"pay-button":["modules/v2/client.pay-button_DmuZWfzR.en.esm.js","modules/v2/chunk.common_CdPFfcgY.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_CmxGYBxk.en.esm.js","modules/v2/client.shop-login-button_D5BOolg_.en.esm.js","modules/v2/chunk.common_CdPFfcgY.esm.js","modules/v2/chunk.modal_C8kV2l1l.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_D5BOolg_.en.esm.js","modules/v2/chunk.common_CdPFfcgY.esm.js","modules/v2/chunk.modal_C8kV2l1l.esm.js"],"payment-terms":["modules/v2/client.payment-terms_D5jxACNB.en.esm.js","modules/v2/chunk.common_CdPFfcgY.esm.js","modules/v2/chunk.modal_C8kV2l1l.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["\/\/swymv3free-01.azureedge.net\/code\/swym-shopify.js?shop=wb-hbo.myshopify.com","\/\/swymv3free-01.azureedge.net\/code\/swym-shopify.js?shop=wb-hbo.myshopify.com","https:\/\/chimpstatic.com\/mcjs-connected\/js\/users\/4e0c52426df10d4024b057376\/7653444a84b06e9d5bdb42a4b.js?shop=wb-hbo.myshopify.com","https:\/\/cdn.customily.com\/shopify\/static\/customily.shopify.script.js?shop=wb-hbo.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":53350301859,"offset":-18000,"reqid":"28803831-e70a-432e-8b67-4298aa0f8b94-1739997642","pageurl":"shop.hbo.com\/collections\/luggage-tags","u":"37d2f6976c0a","p":"collection","rtyp":"collection","rid":296872640675};</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,!1)}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//shop.hbo.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//shop.hbo.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//shop.hbo.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <link rel="stylesheet" media="screen" href="https://shop.hbo.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) { #dynamic-checkout-cart { min-height: 50px; } } @media screen and (max-width: 750px) { #dynamic-checkout-cart { min-height: 240px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <!-- Snowfall --> <script src="//shop.hbo.com/cdn/shop/t/25/assets/vendor-scripts-v6.js" defer="defer"></script> <script src="//shop.hbo.com/cdn/shop/t/25/assets/theme.js?v=61228610617141237741732726669" defer="defer"></script> <script src="//shop.hbo.com/cdn/shop/t/25/assets/blizzard.js?v=183146073685865539831738960985" defer="defer"></script> <script src="//shop.hbo.com/cdn/shop/t/25/assets/ada-compliance.js?v=144955923887287909251732726669" defer="defer"></script><!-- Global site tag (gtag.js) - Google Ads: 377088092 --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-377088092"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-377088092'); </script> <meta name="google-site-verification" content="YbgCJqubuuA2cf8OA3KKPaNPnOtIeW4Jh6AYz--gqyM" /> <meta name="google-site-verification" content="xmZLw58gwmVjSKdWbwspLpmD3691XEbRZ4GcOSB_w4E" /> <meta name="google-site-verification" content="4sX8dN0HQt_OHWoeBW2Bw63aYRtlnPg-70O0YjiROLY" /> <!-- Start of Chatbot Widget script --> <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=c145f1c6-3148-4d3e-a96c-43ebe19c90d8"> </script> <!-- End of Chatbot Widget script --> <script>!function(){window.semaphore=window.semaphore||[],window.ketch=function(){window.semaphore.push(arguments)};var e=new URLSearchParams(document.location.search),o=e.has("property")?e.get("property"):"hbo_shop",n=document.createElement("script");n.type="text/javascript",n.src="https://global.ketchcdn.com/web/v3/config/snow_commerce/".concat(o,"/boot.js"),n.defer=n.async=!0,document.getElementsByTagName("head")[0].appendChild(n)}();</script> <script> window.ketch('on', 'consent', consent => { const ketchUpdatedConsent = consent.purposes; window.ketch('getConfig', ketchConfig => { const purposeConfig = ketchConfig.purposes; var canonicalPurposeGoogleKeyMap = { behavioral_advertising: ['ad_storage', 'ad_user_data'], analytics: ['analytics_storage'], essential_services: ['functionality_storage', 'security_storage'], personalization: ['personalization_storage', 'ad_personalization'] }; let consentWithGooglePurposes = {}; for (const purposeCode in ketchUpdatedConsent) { consentWithGooglePurposes[purposeCode] = ketchUpdatedConsent[purposeCode]; for (const purpose of purposeConfig) { if (purpose.code === purposeCode) { const canonicalPurposes = purpose.canonicalPurposeCodes; if (canonicalPurposes) { for (const canonicalPurpose of canonicalPurposes) { if (canonicalPurposeGoogleKeyMap[canonicalPurpose]) { const gPurposes = canonicalPurposeGoogleKeyMap[canonicalPurpose]; for (const gp of gPurposes) { if (consentWithGooglePurposes[gp]) { consent[gp] = consentWithGooglePurposes[gp] || ketchUpdatedConsent[purposeCode]; } else { consentWithGooglePurposes[gp] = ketchUpdatedConsent[purposeCode]; } } } } } } } } Shopify.analytics.publish('ketchConsentChanged', { purposes: consentWithGooglePurposes }); }); }); </script> <!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> <script async src="https://static.klaviyo.com/onsite/js/X7PjC4/klaviyo.js?company_id=X7PjC4"></script> <script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script> <script> window.klaviyoReviewsProductDesignMode = false </script> <!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);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: 53350301859,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "collection"};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 d(d,e,n,o,r,i){if(!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t,s=function(){var d={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[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-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[1-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[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-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+|)/},e=d.modern,n=d.legacy,o=navigator.userAgent;return e.test(o)?"modern":(n.test(o),"legacy")}(),l=null!=i?i:{modern:"",legacy:""};window.Shopify=window.Shopify||{};var u=window.Shopify;u.analytics=u.analytics||{};var c=u.analytics;c.replayQueue=[],c.publish=function(d,e,n){return c.replayQueue.push([d,e,n]),!0};try{self.performance.mark("wpm:start")}catch(d){}var f=[n,"/wpm","/b",r,s.substring(0,1),".js"].join(""),h=l[s];!function(d){var e=d.src,n=d.async,o=void 0===n||n,r=d.onload,i=d.onerror,a=d.sri,t=document.createElement("script"),s=document.head,l=document.body;t.async=o,t.src=e,a&&(t.integrity=a,t.crossOrigin="anonymous"),r&&t.addEventListener("load",r),i&&t.addEventListener("error",i),s?s.appendChild(t):l?l.appendChild(t):console.error("Did not find a head or body element to append the script")}({src:f,async:!0,onload:function(){if(!function(){var d,e;return Boolean(null===(e=null===(d=window.Shopify)||void 0===d?void 0:d.analytics)||void 0===e?void 0:e.initialized)}()){var n=window.webPixelsManager.init(d)||void 0;if(n){e(n);var o=window.Shopify.analytics;o.replayQueue.forEach((function(d){var e=d[0],o=d[1],r=d[2];n.publishCustomEvent(e,o,r)})),o.replayQueue=[],o.publish=n.publishCustomEvent,o.visitor=n.visitor,o.initialized=!0}}},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),n="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),r=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:o||"latest",bundle_target:s,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(f," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(n,r))return!0}catch(d){}var i=new XMLHttpRequest;try{return i.open("POST",n,!0),i.setRequestHeader("Content-Type","text/plain"),i.send(r),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1},sri:function(d){return"string"==typeof d&&/^sha384-[A-Za-z0-9+/=]+$/.test(d)}(h)?h:""})}})({shopId: 53350301859,storefrontBaseUrl: "https://shop.hbo.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: ["6a396365"],webPixelsConfigList: [{"id":"685015203","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-NZGFFM136J\\\",\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-NZGFFM136J\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-NZGFFM136J\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-NZGFFM136J\\\",\\\"MC-TF2M0SBKXW\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-NZGFFM136J\\\",\\\"MC-TF2M0SBKXW\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-NZGFFM136J\\\",\\\"MC-TF2M0SBKXW\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-NZGFFM136J\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-NZGFFM136J\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"642ed32d7fafb3e0986c8ba3bf3908a1","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0290","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0290","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "",initData: {"shop":{"name":"HBO Shop","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"wb-hbo.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/shop.hbo.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});webPixelsManagerAPI.publish("collection_viewed", {"collection":{"id":"296872640675","title":"Luggage Tags","productVariants":[{"price":{"amount":17.95,"currencyCode":"USD"},"product":{"title":"The White Lotus Resort \u0026 Spa Double Sided Personalized Luggage Tag","vendor":"progift","id":"8008785133731","untranslatedTitle":"The White Lotus Resort \u0026 Spa Double Sided Personalized Luggage Tag","url":"\/products\/the-white-lotus-resort-spa-double-sided-personalized-luggage-tag","type":"Luggage Tags"},"id":"43368350384291","image":{"src":"\/\/shop.hbo.com\/cdn\/shop\/products\/WT-LOGOPLM-69-100328-FT-MF.jpg?v=1682350462"},"sku":"TWL-100328-001-WT-LOGOPLM","title":"One Size","untranslatedTitle":"One Size"},{"price":{"amount":17.95,"currencyCode":"USD"},"product":{"title":"Sex and The City Hello Lover Personalized Luggage Tag","vendor":"progift","id":"8040228225187","untranslatedTitle":"Sex and The City Hello Lover Personalized Luggage Tag","url":"\/products\/sex-and-the-city-hello-lover-personalized-luggage-tag","type":"Luggage Tags"},"id":"43439549841571","image":{"src":"\/\/shop.hbo.com\/cdn\/shop\/products\/SATC-HL-72-100328-FT-MF.jpg?v=1686923029"},"sku":"STC-100328-001-SATC-HL","title":"One Size","untranslatedTitle":"One Size"}]}});},"https://shop.hbo.com/cdn","a055780da5d60145321679af821406b2b79d5a68","5f1e6d2cw106db703p75455cf2m65928cba",{"modern":"","legacy":""});</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {"products":[{"id":8008785133731,"gid":"gid:\/\/shopify\/Product\/8008785133731","vendor":"progift","type":"Luggage Tags","variants":[{"id":43368350384291,"price":1795,"name":"The White Lotus Resort \u0026 Spa Double Sided Personalized Luggage Tag - One Size","public_title":"One Size","sku":"TWL-100328-001-WT-LOGOPLM"}]},{"id":8040228225187,"gid":"gid:\/\/shopify\/Product\/8040228225187","vendor":"progift","type":"Luggage Tags","variants":[{"id":43439549841571,"price":1795,"name":"Sex and The City Hello Lover Personalized Luggage Tag - One Size","public_title":"One Size","sku":"STC-100328-001-SATC-HL"}]}],"page":{"pageType":"collection","resourceType":"collection","resourceId":296872640675}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script class="analytics">(window.gaDevIds=window.gaDevIds||[]).push('BwiEti'); (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: 53350301859, theme_id: 141968539811, app_name: "storefront", context_url: window.location.href, source_url: "//shop.hbo.com/cdn/s/trekkie.storefront.e991c55e78bb7465ada1b8db33d441f155086734.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//shop.hbo.com/cdn/s/trekkie.storefront.e991c55e78bb7465ada1b8db33d441f155086734.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//shop.hbo.com/cdn/s/trekkie.storefront.e991c55e78bb7465ada1b8db33d441f155086734.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":53350301859,"isMerchantRequest":null,"themeId":141968539811,"themeCityHash":"12376769777602785891","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Google Analytics":{"trackingId":"UA-36740363-1","domain":"auto","siteSpeedSampleRate":"10","enhancedEcommerce":true,"doubleClick":true,"includeSearch":true},"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; ga('require', 'linker'); function addListener(element, type, callback) { if (element.addEventListener) { element.addEventListener(type, callback); } else if (element.attachEvent) { element.attachEvent('on' + type, callback); } } function decorate(event) { event = event || window.event; var target = event.target || event.srcElement; if (target && (target.getAttribute('action') || target.getAttribute('href'))) { ga(function (tracker) { var linkerParam = tracker.get('linkerParam'); document.cookie = '_shopify_ga=' + linkerParam + '; ' + 'path=/'; }); } } addListener(window, 'load', function(){ for (var i=0; i < document.forms.length; i++) { var action = document.forms[i].getAttribute('action'); if(action && action.indexOf('/cart') >= 0) { addListener(document.forms[i], 'submit', decorate); } } for (var i=0; i < document.links.length; i++) { var href = document.links[i].getAttribute('href'); if(href && href.indexOf('/checkout') >= 0) { addListener(document.links[i], 'click', decorate); } } }); var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":296872640675,"shopifyEmitted":true}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"USD","category":"Collection: luggage-tags","collectionName":"luggage-tags","collectionId":296872640675,"nonInteraction":true},undefined,undefined,{"shopifyEmitted":true}); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//shop.hbo.com/cdn/shopifycloud/shopify/assets/shop_events_listener-af52bb5773aaa9f7f1f7f1f7e3a010a904a5c7213a959b83580d22bc7920a2e4.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script defer src="https://shop.hbo.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.4.0.min.js" data-application="storefront-renderer" data-shop-id="53350301859" data-render-region="gcp-asia-southeast1" data-page-type="collection" data-theme-instance-id="141968539811" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body id="luggage-tags-collection" class="template-collection" data-transitions="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div id="shopify-section-snowletter-popup" class="shopify-section"> <style data-shopify> body.locked{ overflow:hidden; } .snowletter-popup{ display:none; width:100%; height:100%; position:fixed; top:0; left:0; z-index:999; } .snowletter-popup-youtube-background{ position:fixed; top:0; right:0; bottom:0; left:0; z-index:-99; } .snowletter-popup-youtube-foreground, .snowletter-popup-youtube-background iframe{ position: absolute; top:0; left:0; width:100%; height:100%; pointer-events: none; } @media (min-aspect-ratio: 16/9){ .snowletter-popup-youtube-foreground{ height:300%; top:-100%; } } @media (max-aspect-ratio: 16/9){ .snowletter-popup-youtube-foreground{ width:300%; left:-100%; } } .snowletter-popup-mp4-background { position:fixed; right:0; bottom:0; min-width:100%; min-height:100%; } .snowletter-popup-background{ width:100%; height:100%; position:absolute; top:0; left:0; right:0; bottom:0; z-index:0; background:rgba(0,0,0,0); opacity:0.50; } .snowletter-modal{ height:300px; width:300px; box-shadow: 5px 5px 5px rgba(0,0,0,0.5); background:url('//shop.hbo.com/cdn/shop/files/121220171506_BlueBackgroundGradient_Square.png?v=1618503579'); background-size:cover; background-repeat:no-repeat; background-position:center; display:none; position:fixed; z-index:10; transform:none; border-radius:5px; } .snowletter-modal.bottom-left{ bottom:5%; left:40px; } .snowletter-modal.bottom-right{ bottom:5%; right:40px; } .snowletter-modal-container{ width:85%; text-align:center; } .snowletter-modal-container{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0; z-index:1; } .snowletter-modal-close{ border:none; background:none; width:30px; height:30px; position:absolute; top:5px; right:5px; z-index:2; } .snowletter-modal-close:before{ content:"X"; color:#ffffff; font-weight:bold; } .snowletter-modal #newsletter-snowletter-popup{ margin-bottom:15px; } .snowletter-modal-container .form-single-field{ margin:0 auto; } .snowletter-modal-container .input-group__field{ margin-bottom:0; } .snowletter-modal-container #Contact_snowletter-popup-email, .snowletter-modal-container #Email-snowletter-popup{ border:1px solid #cccccc; background:rgba(0,0,0,0); color:#ffffff; } .snowletter-modal-container #Contact_snowletter-popup-email::placeholder, .snowletter-modal-container #Email-snowletter-popup::placeholder { color:#ffffff; opacity: 1; } .snowletter-modal-container #Contact_snowletter-popup-email:-ms-input-placeholder, .snowletter-modal-container #Email-snowletter-popup:-ms-input-placeholder { color:#ffffff; } .snowletter-modal-container #Contact_snowletter-popup-email::-ms-input-placeholder, .snowletter-modal-container #Email-snowletter-popup::-ms-input-placeholder { color:#ffffff; } .snowletter-modal-container .input-group, .snowletter-modal-container .newsletter__input-group{ margin:0; max-width:100%; } .snowletter-modal-container .input-group-btn button, .snowletter-modal-container .input-group-btn .btn, .snowletter-modal-container .input-group__btn .btn{ background:#ffffff; background-image:none !important; color:#0b090a; } .snowletter-modal-container .input-group-btn button:before, .snowletter-modal-container .input-group-btn .btn:before, .snowletter-modal-container .input-group__btn .btn:before{ display:none; } .snowletter-modal-container .input-group-btn button:hover, .snowletter-modal-container .input-group-btn .btn:hover, .snowletter-modal-container .input-group__btn .btn:hover, .snowletter-modal-container .input-group-btn .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):hover{ background:#eeeeee; background-image:none !important; color:#0b090a; transition:none; } .snowletter-modal-container .input-group{ display:block; background:none; } .snowletter-modal-container input{ display:block; width:100%; margin-bottom:5px; } .snowletter-modal-container .input-group-btn{ display:block; width:100%; } .snowletter-modal-container .input-group-btn .btn{ width:100%; } .snowletter-modal-container h3{ color:#ffffff; margin:0 0 5px 0; } .snowletter-modal-container p{ color:#ffffff; } .snowletter-modal-container a{ color:#ffffff; } .snowletter-modal-container a:hover{ color:#eeeeee; } /*** Cookie Settings ***/ #snowletter-hide{ padding:0; margin:10px 0 0 0; display:inline-block; } .snowletter-popup.hidden, .snowletter-modal.hidden{ display:none !important; } @media screen and (max-width:769px){ .snowletter-modal{ width:90%; top:50%; left:50%; transform:translate(-50%, -50%); bottom:auto !important; } .snowletter-modal-container .input-group-btn .form__submit--small{ display:none } .snowletter-modal-container .input-group-btn .form__submit--large{ display:inline-block; margin:0 auto; } .snowletter-modal-container .input-group-btn .btn:hover{ padding-right:0; padding-left:0; } } </style> <script> (function ($) { $(document).ready(function (){ function snowLetterPopup(){ if ($(".snowletter-popup").length > 0){ $('body').addClass('locked'); } $('.snowletter-popup, .snowletter-modal').delay(1000).fadeIn(500); $('.snowletter-modal-close, .snowletter-popup-background, .snowletter-popup-youtube-background, .snowletter-popup-mp4-background').click(function (){ $('.snowletter-popup, .snowletter-modal').fadeOut(500); $('body').removeClass('locked'); }); } // Snowletter Cookie $('#snowletter-hide, .snowletter-modal-container .input-group__btn .btn').on('click', snowletterCookie); function snowletterCookie(){ days=30; myDate = new Date(); myDate.setTime(myDate.getTime()+(days*24*60*60*1000)); document.cookie = 'snowletterCookie=defined; expires=' + myDate.toGMTString(); } var cookie = document.cookie.split(';') .map(function(x){ return x.trim().split('='); }) .filter(function(x){ return x[0]==='snowletterCookie'; }) .pop(); $('#snowletter-hide').click(function (){ snowletterCookie(); $(".snowletter-popup, .snowletter-modal").hide(); return false; }); $(window).ready(function (){ if (typeof $.cookie('snowletterCookie') === 'undefined'){ $('.snowletter-popup, .snowletter-modal').removeClass('hidden'); } else { $('.snowletter-popup, .snowletter-modal').addClass('hidden'); } }); $('#newsletter-snowletter-popup .input-group button').click(function (){ if ($('#newsletter-snowletter-popup input:text').val().length > 0) { $('.snowletter-popup, .snowletter-modal').addClass('hidden'); } }); snowLetterPopup(); if (Shopify.designMode) { document.addEventListener('shopify:section:load', function (){ snowLetterPopup(); }); if (typeof $.cookie('snowletterCookie') === 'defined'){ $('.snowletter-popup, .snowletter-modal').removeClass('hidden'); } } }); })(jQuery); </script> </div> <div class="transition-body"> <div id="shopify-section-announcement-slider" class="shopify-section"> <div class="announcementBar"> <div class="Container clearfix" style=" background:#ffffff ; background-size:cover; background-position:center center; background-repeat:no-repeat; color:#000000; "> <a href="https://shop.hbo.com/#shopify-section-1618421350b145ed15"> <div class="announcementBarContent clearfix"> <p style=" width:100%; text-align:center; color:#000000; font-size:14px; font-weight:500; "> Sign up for our newsletter and SAVE 15% on your next order. -<span style="padding-left:5px; font-weight:500; color:#000000; text-decoration: underline #000000; text-underline-position: below;">SIGN UP</span> </p> </div><!-- end of announcementBarContent --> </a> </div><!-- end of Container --> </div><!-- end of announcementBar --> <style data-shopify> .announcementBar .slick-next, .announcementBar .slick-prev{ display:block; } .announcementBar .slick-prev::before, .announcementBar .slick-next::before{ color:#000000; } </style> </div> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--right"> <div class="drawer__contents"> <div class="drawer__fixed-header drawer__fixed-header--full"> <div class="drawer__header drawer__header--full appear-animation appear-delay-1"> <div class="h2 drawer__title"> </div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__scrollable"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="/pages/shows-movies" class="mobile-nav__link mobile-nav__link--top-level" id="Label-pages-shows-movies1" > HBO Originals </a> <div class="mobile-nav__toggle"> <button type="button" aria-controls="Linklist-pages-shows-movies1" class="collapsible-trigger collapsible--auto-height "> <span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> </div> </div> <div id="Linklist-pages-shows-movies1" class="mobile-nav__sublist collapsible-content collapsible-content--all " aria-labelledby="Label-pages-shows-movies1" > <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/shows-movies" class="mobile-nav__link" id="Sublabel-pages-shows-movies1" > Shows </a> <button type="button" aria-controls="Sublinklist-pages-shows-movies1-pages-shows-movies1" class="collapsible-trigger "> <span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> </div> <div id="Sublinklist-pages-shows-movies1-pages-shows-movies1" aria-labelledby="Sublabel-pages-shows-movies1" class="mobile-nav__sublist collapsible-content collapsible-content--all " > <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/a-black-lady-sketch-show" class="mobile-nav__link" > A Black Lady Sketch Show </a> </li> <li class="mobile-nav__item"> <a href="/collections/barry" class="mobile-nav__link" > Barry </a> </li> <li class="mobile-nav__item"> <a href="/collections/big-little-lies" class="mobile-nav__link" > Big Little Lies </a> </li> <li class="mobile-nav__item"> <a href="/collections/boardwalk-empire" class="mobile-nav__link" > Boardwalk Empire </a> </li> <li class="mobile-nav__item"> <a href="/collections/curb-your-enthusiasm" class="mobile-nav__link" > Curb Your Enthusiasm </a> </li> <li class="mobile-nav__item"> <a href="/collections/eastbound-down" class="mobile-nav__link" > Eastbound & Down </a> </li> <li class="mobile-nav__item"> <a href="/collections/entourage" class="mobile-nav__link" > Entourage </a> </li> <li class="mobile-nav__item"> <a href="/pages/game-of-thrones" class="mobile-nav__link" > Game of Thrones </a> </li> <li class="mobile-nav__item"> <a href="/collections/the-gilded-age" class="mobile-nav__link" > The Gilded Age </a> </li> <li class="mobile-nav__item"> <a href="/collections/industry" class="mobile-nav__link" > Industry </a> </li> <li class="mobile-nav__item"> <a href="/collections/last-week-tonight-with-john-oliver" class="mobile-nav__link" > Last Week Tonight with John Oliver </a> </li> <li class="mobile-nav__item"> <a href="/collections/the-last-of-us" class="mobile-nav__link" > The Last Of Us </a> </li> <li class="mobile-nav__item"> <a href="/collections/the-sympathizer" class="mobile-nav__link" > The Sympathizer </a> </li> <li class="mobile-nav__item"> <a href="/collections/true-detective" class="mobile-nav__link" > True Detective </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <button type="button" aria-controls="Sublinklist-pages-shows-movies1-2" class="mobile-nav__link--button collapsible-trigger "> <span class="mobile-nav__faux-link" >#</span> <span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> </div> <div id="Sublinklist-pages-shows-movies1-2" aria-labelledby="Sublabel-2" class="mobile-nav__sublist collapsible-content collapsible-content--all " > <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/real-time-with-bill-maher" class="mobile-nav__link" > Real Time with Bill Maher </a> </li> <li class="mobile-nav__item"> <a href="/collections/the-regime" class="mobile-nav__link" > The Regime </a> </li> <li class="mobile-nav__item"> <a href="/collections/the-rehearsal" class="mobile-nav__link" > The Rehearsal </a> </li> <li class="mobile-nav__item"> <a href="/collections/the-righteous-gemstones" class="mobile-nav__link" > The Righteous Gemstones </a> </li> <li class="mobile-nav__item"> <a href="/collections/sex-and-the-city" class="mobile-nav__link" > Sex and the City </a> </li> <li class="mobile-nav__item"> <a href="/collections/silicon-valley" class="mobile-nav__link" > Silicon Valley </a> </li> <li class="mobile-nav__item"> <a href="/collections/sopranos" class="mobile-nav__link" > The Sopranos </a> </li> <li class="mobile-nav__item"> <a href="/collections/succession" class="mobile-nav__link" > Succession </a> </li> <li class="mobile-nav__item"> <a href="/collections/true-blood" class="mobile-nav__link" > True Blood </a> </li> <li class="mobile-nav__item"> <a href="/collections/the-white-lotus" class="mobile-nav__link" > The White Lotus </a> </li> <li class="mobile-nav__item"> <a href="/collections/the-wire" class="mobile-nav__link" > The Wire </a> </li> <li class="mobile-nav__item"> <a href="/collections/veep" class="mobile-nav__link" > Veep </a> </li> <li class="mobile-nav__item"> <a href="/pages/shows-movies" class="mobile-nav__link" > See More </a> </li> </ul> </div> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <button type="button" aria-controls="Linklist-2" aria-open="true" class="mobile-nav__link--button mobile-nav__link--top-level collapsible-trigger collapsible--auto-height is-open"> <span class="mobile-nav__faux-link" > Products </span> <div class="mobile-nav__toggle"> <span class="faux-button"> <span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </span> </div> </button> </div> <div id="Linklist-2" class="mobile-nav__sublist collapsible-content collapsible-content--all is-open" aria-labelledby="Label-2" style="height: auto;"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/clothing" class="mobile-nav__link" id="Sublabel-collections-clothing1" > Clothing </a> <button type="button" aria-controls="Sublinklist-2-collections-clothing1" class="collapsible-trigger "> <span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> </div> <div id="Sublinklist-2-collections-clothing1" aria-labelledby="Sublabel-collections-clothing1" class="mobile-nav__sublist collapsible-content collapsible-content--all " > <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/t-shirts" class="mobile-nav__link" > T-Shirts </a> </li> <li class="mobile-nav__item"> <a href="/collections/tank-topss" class="mobile-nav__link" > Tank Tops </a> </li> <li class="mobile-nav__item"> <a href="/collections/hoodies-sweath" class="mobile-nav__link" > Hoodies & Sweatshirts </a> </li> <li class="mobile-nav__item"> <a href="/collections/sweatpants" class="mobile-nav__link" > Sweatpants </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-collections-accessories2" > Accessories </a> <button type="button" aria-controls="Sublinklist-2-collections-accessories2" class="collapsible-trigger is-open"> <span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> </div> <div id="Sublinklist-2-collections-accessories2" aria-labelledby="Sublabel-collections-accessories2" class="mobile-nav__sublist collapsible-content collapsible-content--all is-open" style="height: auto;"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/bags" class="mobile-nav__link" > Bags </a> </li> <li class="mobile-nav__item"> <a href="/collections/hats-beanies" class="mobile-nav__link" > Hats & Beanies </a> </li> <li class="mobile-nav__item"> <a href="/collections/luggage-tags" class="mobile-nav__link" data-active="true"> Luggage Tags </a> </li> <li class="mobile-nav__item"> <a href="/collections/phone-cases" class="mobile-nav__link" > Phone Cases </a> </li> <li class="mobile-nav__item"> <a href="/collections/socks" class="mobile-nav__link" > Socks </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/drinkware" class="mobile-nav__link" id="Sublabel-collections-drinkware3" > Drinkware </a> <button type="button" aria-controls="Sublinklist-2-collections-drinkware3" class="collapsible-trigger "> <span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> </div> <div id="Sublinklist-2-collections-drinkware3" aria-labelledby="Sublabel-collections-drinkware3" class="mobile-nav__sublist collapsible-content collapsible-content--all " > <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/mugs" class="mobile-nav__link" > Coffee Mugs </a> </li> <li class="mobile-nav__item"> <a href="/collections/coasters" class="mobile-nav__link" > Coasters </a> </li> <li class="mobile-nav__item"> <a href="/collections/flasks" class="mobile-nav__link" > Flasks </a> </li> <li class="mobile-nav__item"> <a href="/collections/glassware" class="mobile-nav__link" > Glassware </a> </li> <li class="mobile-nav__item"> <a href="/collections/tumblers" class="mobile-nav__link" > Tumblers </a> </li> <li class="mobile-nav__item"> <a href="/collections/water-bottles" class="mobile-nav__link" > Water Bottles </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/home-office" class="mobile-nav__link" id="Sublabel-collections-home-office4" > Home &amp; Office </a> <button type="button" aria-controls="Sublinklist-2-collections-home-office4" class="collapsible-trigger "> <span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> </div> <div id="Sublinklist-2-collections-home-office4" aria-labelledby="Sublabel-collections-home-office4" class="mobile-nav__sublist collapsible-content collapsible-content--all " > <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/blankets" class="mobile-nav__link" > Blankets </a> </li> <li class="mobile-nav__item"> <a href="/collections/books-notebooks" class="mobile-nav__link" > Books & Notebooks </a> </li> <li class="mobile-nav__item"> <a href="/collections/kitchen-towels" class="mobile-nav__link" > Kitchen Towels </a> </li> <li class="mobile-nav__item"> <a href="/collections/pickleball-equipment-gear" class="mobile-nav__link" > Pickleball Equipment & Gear </a> </li> <li class="mobile-nav__item"> <a href="/collections/pillows" class="mobile-nav__link" > Pillows </a> </li> <li class="mobile-nav__item"> <a href="/collections/robes-slippers" class="mobile-nav__link" > Robes & Slippers </a> </li> <li class="mobile-nav__item"> <a href="/collections/standees" class="mobile-nav__link" > Standees </a> </li> <li class="mobile-nav__item"> <a href="/collections/stickers" class="mobile-nav__link" > Stickers & Magnets </a> </li> <li class="mobile-nav__item"> <a href="/collections/tech-accessories" class="mobile-nav__link" > Tech Accessories </a> </li> <li class="mobile-nav__item"> <a href="/collections/collectibles" class="mobile-nav__link" > Toys & Collectibles </a> </li> <li class="mobile-nav__item"> <a href="/collections/wall-art" class="mobile-nav__link" > Wall Art </a> </li> </ul> </div> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <button type="button" aria-controls="Linklist-3" class="mobile-nav__link--button mobile-nav__link--top-level collapsible-trigger collapsible--auto-height "> <span class="mobile-nav__faux-link" > Collections </span> <div class="mobile-nav__toggle"> <span class="faux-button"> <span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </span> </div> </button> </div> <div id="Linklist-3" class="mobile-nav__sublist collapsible-content collapsible-content--all " aria-labelledby="Label-3" > <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/hbo-classics" class="mobile-nav__link" id="Sublabel-collections-hbo-classics1" > HBO Classics </a> <button type="button" aria-controls="Sublinklist-3-collections-hbo-classics1" class="collapsible-trigger "> <span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> </div> <div id="Sublinklist-3-collections-hbo-classics1" aria-labelledby="Sublabel-collections-hbo-classics1" class="mobile-nav__sublist collapsible-content collapsible-content--all " > <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/big-little-lies" class="mobile-nav__link" > Big Little Lies </a> </li> <li class="mobile-nav__item"> <a href="/collections/boardwalk-empire" class="mobile-nav__link" > Boardwalk Empire </a> </li> <li class="mobile-nav__item"> <a href="/collections/eastbound-down" class="mobile-nav__link" > Eastbound & Down </a> </li> <li class="mobile-nav__item"> <a href="/collections/entourage" class="mobile-nav__link" > Entourage </a> </li> <li class="mobile-nav__item"> <a href="/collections/veep" class="mobile-nav__link" > Veep </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/max" class="mobile-nav__link" id="Sublabel-collections-max2" > MAX </a> <button type="button" aria-controls="Sublinklist-3-collections-max2" class="collapsible-trigger "> <span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> </div> <div id="Sublinklist-3-collections-max2" aria-labelledby="Sublabel-collections-max2" class="mobile-nav__sublist collapsible-content collapsible-content--all " > <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/our-flag-means-death" class="mobile-nav__link" > Our Flag Means Death </a> </li> <li class="mobile-nav__item"> <a href="/collections/the-sex-lives-of-college-girls" class="mobile-nav__link" > The Sex Lives of College Girls </a> </li> </ul> </div> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <a href="/collections/fan-favorites" class="mobile-nav__link mobile-nav__link--top-level" >Fan Favorites</a> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <a href="/collections/new-arrivals" class="mobile-nav__link mobile-nav__link--top-level" >New Arrivals</a> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <a href="/collections/the-white-lotus" class="mobile-nav__link mobile-nav__link--top-level" >The White Lotus</a> </li> <li class="mobile-nav__item mobile-nav__item--secondary"> <div class="grid"> <div class="grid__item one-half appear-animation appear-delay-8"> <a href="/account" class="mobile-nav__link"> Account </a> </div> </div> </li> </ul><ul class="mobile-nav__social appear-animation appear-delay-9"> </ul> </div> </div> </div> <div id="CartDrawer" class="drawer drawer--right"> <form action="/cart" method="post" novalidate class="drawer__contents"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="h2 drawer__title">Cart</div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close cart</span> </button> </div> </div> </div> <div id="CartContainer" class="drawer__inner"></div> </form> </div> <style data-shopify> .site-nav__link, .site-nav__dropdown-link:not(.site-nav__dropdown-link--top-level) { font-size: 12px; } .site-nav__dropdown { width: 102.5%; left: -10px; } .site-nav__link, .mobile-nav__link--top-level { text-transform: uppercase; } .mobile-nav__link--top-level { font-size: 1.1em; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-sticky-wrapper"> <div class="header-wrapper "> <header class="site-header _noShadow %}" data-sticky="true"> <div class="page-width"> <div class="header-layout header-layout--left-center" data-logo-align="left"> <div class="header-item header-item--logo"> <style data-shopify> .header-item--logo, .header-layout--left-center .header-item--logo, .header-layout--left-center .header-item--icons { -webkit-box-flex: 0 1 130px; -ms-flex: 0 1 130px; flex: 0 1 130px; } @media only screen and (min-width: 769px) { .header-item--logo, .header-layout--left-center .header-item--logo, .header-layout--left-center .header-item--icons { -webkit-box-flex: 0 0 130px; -ms-flex: 0 0 130px; flex: 0 0 130px; } } .site-header__logo a { width: 130px; } .is-light .site-header__logo .logo--inverted { width: 130px; } @media only screen and (min-width: 769px) { .site-header__logo a { width: 130px; } .is-light .site-header__logo .logo--inverted { width: 130px; } } </style> <div class="h1 site-header__logo" itemscope itemtype="http://schema.org/Organization"> <a href="/" itemprop="url" class="site-header__logo-link"> <img class="small--hide" src="//shop.hbo.com/cdn/shop/files/hbo-shop-logo_6326ca9c-324e-4513-8db4-a279e5c74c92_130x.png?v=1613664855" srcset="//shop.hbo.com/cdn/shop/files/hbo-shop-logo_6326ca9c-324e-4513-8db4-a279e5c74c92_130x.png?v=1613664855 1x, //shop.hbo.com/cdn/shop/files/hbo-shop-logo_6326ca9c-324e-4513-8db4-a279e5c74c92_130x@2x.png?v=1613664855 2x" alt="HBO Shop" itemprop="logo"> <img class="medium-up--hide" src="//shop.hbo.com/cdn/shop/files/hbo-shop-logo_6326ca9c-324e-4513-8db4-a279e5c74c92_130x.png?v=1613664855" srcset="//shop.hbo.com/cdn/shop/files/hbo-shop-logo_6326ca9c-324e-4513-8db4-a279e5c74c92_130x.png?v=1613664855 1x, //shop.hbo.com/cdn/shop/files/hbo-shop-logo_6326ca9c-324e-4513-8db4-a279e5c74c92_130x@2x.png?v=1613664855 2x" alt="HBO Shop"> </a> </div> </div> <div class="header-item header-item--navigation text-center"> <ul class="site-nav site-navigation small--hide" role="list" aria-label="Primary" > <!-- changed below code to default is_megamenu == true, because we want to have a megamenu for ALL nav-items to allow for featured products/images --> <!-- to revert back to original code, chance below line to 'assign is_megamenu = false' --> <!-- adding custom code: if Item has NO childlinks AND no associated megamenu, do not show megamenu or dropdown. --> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--is-megamenu" aria-haspopup="true" role="listitem" role="listitem"> <a href="/pages/shows-movies" class="site-nav__link site-nav__link--underline site-nav__link--has-dropdown"> <span >HBO Originals</span> <span style="display:none;">HBO Originals</span> </a> <div class="site-nav__dropdown megamenu text-left"> <div class="page-width"> <div class="grid grid--center"> <!-- in below line, conditionally added additional class '.display-none' if the nav item has no child links (aka if you want to display only images, such as for 'As Seen On' nav item)--> <div class="grid__item medium-up--one-fifth appear-animation appear-delay-1 "> <div class="h5"> <!-- below line conditionally adds class for placeholder type nav items (ie. '#') to change to 'visibility: hidden' --> <a href="/pages/shows-movies" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Shows</a> </div> <div> <a href="/collections/a-black-lady-sketch-show" class="site-nav__dropdown-link"> A Black Lady Sketch Show </a> </div> <div> <a href="/collections/barry" class="site-nav__dropdown-link"> Barry </a> </div> <div> <a href="/collections/big-little-lies" class="site-nav__dropdown-link"> Big Little Lies </a> </div> <div> <a href="/collections/boardwalk-empire" class="site-nav__dropdown-link"> Boardwalk Empire </a> </div> <div> <a href="/collections/curb-your-enthusiasm" class="site-nav__dropdown-link"> Curb Your Enthusiasm </a> </div> <div> <a href="/collections/eastbound-down" class="site-nav__dropdown-link"> Eastbound & Down </a> </div> <div> <a href="/collections/entourage" class="site-nav__dropdown-link"> Entourage </a> </div> <div> <a href="/pages/game-of-thrones" class="site-nav__dropdown-link"> Game of Thrones </a> </div> <div> <a href="/collections/the-gilded-age" class="site-nav__dropdown-link"> The Gilded Age </a> </div> <div> <a href="/collections/industry" class="site-nav__dropdown-link"> Industry </a> </div> <div> <a href="/collections/last-week-tonight-with-john-oliver" class="site-nav__dropdown-link"> Last Week Tonight with John Oliver </a> </div> <div> <a href="/collections/the-last-of-us" class="site-nav__dropdown-link"> The Last Of Us </a> </div> <div> <a href="/collections/the-sympathizer" class="site-nav__dropdown-link"> The Sympathizer </a> </div> <div> <a href="/collections/true-detective" class="site-nav__dropdown-link"> True Detective </a> </div> </div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-2"> <div class="h5"> <!-- below line conditionally adds class for placeholder type nav items (ie. '#') to change to 'visibility: hidden' --> <a href="#" class="site-nav__dropdown-link site-nav__dropdown-link--top-level hidden">#</a> </div> <div> <a href="/collections/real-time-with-bill-maher" class="site-nav__dropdown-link"> Real Time with Bill Maher </a> </div> <div> <a href="/collections/the-regime" class="site-nav__dropdown-link"> The Regime </a> </div> <div> <a href="/collections/the-rehearsal" class="site-nav__dropdown-link"> The Rehearsal </a> </div> <div> <a href="/collections/the-righteous-gemstones" class="site-nav__dropdown-link"> The Righteous Gemstones </a> </div> <div> <a href="/collections/sex-and-the-city" class="site-nav__dropdown-link"> Sex and the City </a> </div> <div> <a href="/collections/silicon-valley" class="site-nav__dropdown-link"> Silicon Valley </a> </div> <div> <a href="/collections/sopranos" class="site-nav__dropdown-link"> The Sopranos </a> </div> <div> <a href="/collections/succession" class="site-nav__dropdown-link"> Succession </a> </div> <div> <a href="/collections/true-blood" class="site-nav__dropdown-link"> True Blood </a> </div> <div> <a href="/collections/the-white-lotus" class="site-nav__dropdown-link"> The White Lotus </a> </div> <div> <a href="/collections/the-wire" class="site-nav__dropdown-link"> The Wire </a> </div> <div> <a href="/collections/veep" class="site-nav__dropdown-link"> Veep </a> </div> <div> <a href="/pages/shows-movies" class="site-nav__dropdown-link"> See More </a> </div> </div> <!-- BEGIN custom code for adding images to megamenu --> <div class="grid__item medium-up--one-fifth appear-animation appear-delay-3"> <a href="/collections/sopranos" class="nav__sub__cta-image-link"> <img class="nav__sub__cta-image lazyload js " src="//shop.hbo.com/cdn/shop/files/Tile_Sopranos_5d4f3ee8-bbf8-401c-97ee-d2cf28a03e18_300x.jpg?v=1724253846" data-src="//shop.hbo.com/cdn/shop/files/Tile_Sopranos_5d4f3ee8-bbf8-401c-97ee-d2cf28a03e18_{width}x.jpg?v=1724253846" data-widths="[180, 360, 540, 720, 900]" data-sizes="auto" alt=""> <noscript> <img class="nav__sub__cta-image" src="//shop.hbo.com/cdn/shop/files/Tile_Sopranos_5d4f3ee8-bbf8-401c-97ee-d2cf28a03e18_720x.jpg?v=1724253846" alt=""> </noscript> </a> <h4 class="nav__sub__cta-title h5">The Sopranos</h4> <div class="nav__sub__cta-link"> <a href="/collections/sopranos" class="link link--arrow"></a> </div> </div> <div class="grid__item medium-up--one-fifth appear-animation appear-delay-3"> <a href="/collections/curb-your-enthusiasm" class="nav__sub__cta-image-link"> <img class="nav__sub__cta-image lazyload js " src="//shop.hbo.com/cdn/shop/files/Type_Keyart_S5_Size_Shop_By_Show_300x.jpg?v=1724253674" data-src="//shop.hbo.com/cdn/shop/files/Type_Keyart_S5_Size_Shop_By_Show_{width}x.jpg?v=1724253674" data-widths="[180, 360, 540, 720, 900]" data-sizes="auto" alt=""> <noscript> <img class="nav__sub__cta-image" src="//shop.hbo.com/cdn/shop/files/Type_Keyart_S5_Size_Shop_By_Show_720x.jpg?v=1724253674" alt=""> </noscript> </a> <h4 class="nav__sub__cta-title h5">Curb Your Enthusiasm</h4> <div class="nav__sub__cta-link"> <a href="/collections/curb-your-enthusiasm" class="link link--arrow"></a> </div> </div> <div class="grid__item medium-up--one-fifth appear-animation appear-delay-3"> <a href="/collections/the-righteous-gemstones" class="nav__sub__cta-image-link"> <img class="nav__sub__cta-image lazyload js " src="//shop.hbo.com/cdn/shop/files/Type_Type6_300x.jpg?v=1697221706" data-src="//shop.hbo.com/cdn/shop/files/Type_Type6_{width}x.jpg?v=1697221706" data-widths="[180, 360, 540, 720, 900]" data-sizes="auto" alt=""> <noscript> <img class="nav__sub__cta-image" src="//shop.hbo.com/cdn/shop/files/Type_Type6_720x.jpg?v=1697221706" alt=""> </noscript> </a> <h4 class="nav__sub__cta-title h5">The Righteous Gemstones</h4> <div class="nav__sub__cta-link"> <a href="/collections/the-righteous-gemstones" class="link link--arrow"></a> </div> </div> <!-- END custom code for adding images to megamenu --> <!-- BEGIN code for adding mini-grid to mega menu item --> <!-- END code for adding mini-grid to mega menu item --> </div> </div> </div> </li> <!-- changed below code to default is_megamenu == true, because we want to have a megamenu for ALL nav-items to allow for featured products/images --> <!-- to revert back to original code, chance below line to 'assign is_megamenu = false' --> <!-- adding custom code: if Item has NO childlinks AND no associated megamenu, do not show megamenu or dropdown. --> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--is-megamenu" aria-haspopup="true" role="listitem" role="listitem"> <a href="#" class="site-nav__link site-nav__link--underline site-nav__link--has-dropdown"> <span >Products</span> <span style="display:none;">Products</span> </a> <div class="site-nav__dropdown megamenu text-left"> <div class="page-width"> <div class="grid grid--center"> <!-- in below line, conditionally added additional class '.display-none' if the nav item has no child links (aka if you want to display only images, such as for 'As Seen On' nav item)--> <div class="grid__item medium-up--one-fifth appear-animation appear-delay-1 "> <!-- took out below code to prevent collection image from appearing --> <!-- --> <div class="h5"> <!-- below line conditionally adds class for placeholder type nav items (ie. '#') to change to 'visibility: hidden' --> <a href="/collections/clothing" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Clothing</a> </div> <div> <a href="/collections/t-shirts" class="site-nav__dropdown-link"> T-Shirts </a> </div> <div> <a href="/collections/tank-topss" class="site-nav__dropdown-link"> Tank Tops </a> </div> <div> <a href="/collections/hoodies-sweath" class="site-nav__dropdown-link"> Hoodies & Sweatshirts </a> </div> <div> <a href="/collections/sweatpants" class="site-nav__dropdown-link"> Sweatpants </a> </div> </div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-2"> <!-- took out below code to prevent collection image from appearing --> <!-- --> <div class="h5"> <!-- below line conditionally adds class for placeholder type nav items (ie. '#') to change to 'visibility: hidden' --> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Accessories</a> </div> <div> <a href="/collections/bags" class="site-nav__dropdown-link"> Bags </a> </div> <div> <a href="/collections/hats-beanies" class="site-nav__dropdown-link"> Hats & Beanies </a> </div> <div> <a href="/collections/luggage-tags" class="site-nav__dropdown-link"> Luggage Tags </a> </div> <div> <a href="/collections/phone-cases" class="site-nav__dropdown-link"> Phone Cases </a> </div> <div> <a href="/collections/socks" class="site-nav__dropdown-link"> Socks </a> </div> </div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-3"> <!-- took out below code to prevent collection image from appearing --> <!-- --> <div class="h5"> <!-- below line conditionally adds class for placeholder type nav items (ie. '#') to change to 'visibility: hidden' --> <a href="/collections/drinkware" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Drinkware</a> </div> <div> <a href="/collections/mugs" class="site-nav__dropdown-link"> Coffee Mugs </a> </div> <div> <a href="/collections/coasters" class="site-nav__dropdown-link"> Coasters </a> </div> <div> <a href="/collections/flasks" class="site-nav__dropdown-link"> Flasks </a> </div> <div> <a href="/collections/glassware" class="site-nav__dropdown-link"> Glassware </a> </div> <div> <a href="/collections/tumblers" class="site-nav__dropdown-link"> Tumblers </a> </div> <div> <a href="/collections/water-bottles" class="site-nav__dropdown-link"> Water Bottles </a> </div> </div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-4"> <!-- took out below code to prevent collection image from appearing --> <!-- --> <div class="h5"> <!-- below line conditionally adds class for placeholder type nav items (ie. '#') to change to 'visibility: hidden' --> <a href="/collections/home-office" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Home & Office</a> </div> <div> <a href="/collections/blankets" class="site-nav__dropdown-link"> Blankets </a> </div> <div> <a href="/collections/books-notebooks" class="site-nav__dropdown-link"> Books & Notebooks </a> </div> <div> <a href="/collections/kitchen-towels" class="site-nav__dropdown-link"> Kitchen Towels </a> </div> <div> <a href="/collections/pickleball-equipment-gear" class="site-nav__dropdown-link"> Pickleball Equipment & Gear </a> </div> <div> <a href="/collections/pillows" class="site-nav__dropdown-link"> Pillows </a> </div> <div> <a href="/collections/robes-slippers" class="site-nav__dropdown-link"> Robes & Slippers </a> </div> <div> <a href="/collections/standees" class="site-nav__dropdown-link"> Standees </a> </div> <div> <a href="/collections/stickers" class="site-nav__dropdown-link"> Stickers & Magnets </a> </div> <div> <a href="/collections/tech-accessories" class="site-nav__dropdown-link"> Tech Accessories </a> </div> <div> <a href="/collections/collectibles" class="site-nav__dropdown-link"> Toys & Collectibles </a> </div> <div> <a href="/collections/wall-art" class="site-nav__dropdown-link"> Wall Art </a> </div> </div> <!-- BEGIN custom code for adding images to megamenu --> <div class="grid__item medium-up--one-fifth appear-animation appear-delay-5"> <a href="/products/righteous-gemstones-baby-billy-s-bible-bonkers-adult-short-sleeve-t-shirt" class="nav__sub__cta-image-link"> <img class="nav__sub__cta-image lazyload js " src="//shop.hbo.com/cdn/shop/files/TRG-BBBB-73-100894-FOLD-MF_300x.png?v=1697222474" data-src="//shop.hbo.com/cdn/shop/files/TRG-BBBB-73-100894-FOLD-MF_{width}x.png?v=1697222474" data-widths="[180, 360, 540, 720, 900]" data-sizes="auto" alt=""> <noscript> <img class="nav__sub__cta-image" src="//shop.hbo.com/cdn/shop/files/TRG-BBBB-73-100894-FOLD-MF_720x.png?v=1697222474" alt=""> </noscript> </a> <h4 class="nav__sub__cta-title h5">Baby Billy&#39;s Bible Bonkers T-Shirt</h4> <div class="nav__sub__cta-link"> <a href="/products/righteous-gemstones-baby-billy-s-bible-bonkers-adult-short-sleeve-t-shirt" class="link link--arrow">SHOP NOW</a> </div> </div> <!-- END custom code for adding images to megamenu --> <!-- BEGIN code for adding mini-grid to mega menu item --> <!-- END code for adding mini-grid to mega menu item --> </div> </div> </div> </li> <!-- changed below code to default is_megamenu == true, because we want to have a megamenu for ALL nav-items to allow for featured products/images --> <!-- to revert back to original code, chance below line to 'assign is_megamenu = false' --> <!-- adding custom code: if Item has NO childlinks AND no associated megamenu, do not show megamenu or dropdown. --> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--is-megamenu" aria-haspopup="true" role="listitem" role="listitem"> <a href="#" class="site-nav__link site-nav__link--underline site-nav__link--has-dropdown"> <span >Collections</span> <span style="display:none;">Collections</span> </a> <div class="site-nav__dropdown megamenu text-left"> <div class="page-width"> <div class="grid grid--center"> <!-- in below line, conditionally added additional class '.display-none' if the nav item has no child links (aka if you want to display only images, such as for 'As Seen On' nav item)--> <div class="grid__item medium-up--one-fifth appear-animation appear-delay-1 "> <!-- took out below code to prevent collection image from appearing --> <!-- --> <div class="h5"> <!-- below line conditionally adds class for placeholder type nav items (ie. '#') to change to 'visibility: hidden' --> <a href="/collections/hbo-classics" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">HBO Classics</a> </div> <div> <a href="/collections/big-little-lies" class="site-nav__dropdown-link"> Big Little Lies </a> </div> <div> <a href="/collections/boardwalk-empire" class="site-nav__dropdown-link"> Boardwalk Empire </a> </div> <div> <a href="/collections/eastbound-down" class="site-nav__dropdown-link"> Eastbound & Down </a> </div> <div> <a href="/collections/entourage" class="site-nav__dropdown-link"> Entourage </a> </div> <div> <a href="/collections/veep" class="site-nav__dropdown-link"> Veep </a> </div> </div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-2"> <!-- took out below code to prevent collection image from appearing --> <!-- --> <div class="h5"> <!-- below line conditionally adds class for placeholder type nav items (ie. '#') to change to 'visibility: hidden' --> <a href="/collections/max" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">MAX</a> </div> <div> <a href="/collections/our-flag-means-death" class="site-nav__dropdown-link"> Our Flag Means Death </a> </div> <div> <a href="/collections/the-sex-lives-of-college-girls" class="site-nav__dropdown-link"> The Sex Lives of College Girls </a> </div> </div> <!-- BEGIN custom code for adding images to megamenu --> <div class="grid__item medium-up--one-fifth appear-animation appear-delay-3"> <a href="/collections/veep" class="nav__sub__cta-image-link"> <img class="nav__sub__cta-image lazyload js " src="//shop.hbo.com/cdn/shop/files/Type_Keyart_Size_Menu_5a4980a2-2f75-4253-a1e3-7fefa13d4108_300x.jpg?v=1724867929" data-src="//shop.hbo.com/cdn/shop/files/Type_Keyart_Size_Menu_5a4980a2-2f75-4253-a1e3-7fefa13d4108_{width}x.jpg?v=1724867929" data-widths="[180, 360, 540, 720, 900]" data-sizes="auto" alt=""> <noscript> <img class="nav__sub__cta-image" src="//shop.hbo.com/cdn/shop/files/Type_Keyart_Size_Menu_5a4980a2-2f75-4253-a1e3-7fefa13d4108_720x.jpg?v=1724867929" alt=""> </noscript> </a> <h4 class="nav__sub__cta-title h5">VEEP</h4> <div class="nav__sub__cta-link"> <a href="/collections/veep" class="link link--arrow"></a> </div> </div> <div class="grid__item medium-up--one-fifth appear-animation appear-delay-3"> <a href="/collections/entourage" class="nav__sub__cta-image-link"> <img class="nav__sub__cta-image lazyload js " src="//shop.hbo.com/cdn/shop/files/Type_Keyart_Size_Menu_1_3566df23-8fd1-46ed-9e66-92001c5e1480_300x.jpg?v=1724867956" data-src="//shop.hbo.com/cdn/shop/files/Type_Keyart_Size_Menu_1_3566df23-8fd1-46ed-9e66-92001c5e1480_{width}x.jpg?v=1724867956" data-widths="[180, 360, 540, 720, 900]" data-sizes="auto" alt=""> <noscript> <img class="nav__sub__cta-image" src="//shop.hbo.com/cdn/shop/files/Type_Keyart_Size_Menu_1_3566df23-8fd1-46ed-9e66-92001c5e1480_720x.jpg?v=1724867956" alt=""> </noscript> </a> <h4 class="nav__sub__cta-title h5">ENTOURAGE</h4> <div class="nav__sub__cta-link"> <a href="/collections/entourage" class="link link--arrow"></a> </div> </div> <div class="grid__item medium-up--one-fifth appear-animation appear-delay-3"> <a href="/collections/our-flag-means-death" class="nav__sub__cta-image-link"> <img class="nav__sub__cta-image lazyload js " src="//shop.hbo.com/cdn/shop/files/Type_Keyart_Size_Size4_300x.jpg?v=1724868108" data-src="//shop.hbo.com/cdn/shop/files/Type_Keyart_Size_Size4_{width}x.jpg?v=1724868108" data-widths="[180, 360, 540, 720, 900]" data-sizes="auto" alt=""> <noscript> <img class="nav__sub__cta-image" src="//shop.hbo.com/cdn/shop/files/Type_Keyart_Size_Size4_720x.jpg?v=1724868108" alt=""> </noscript> </a> <h4 class="nav__sub__cta-title h5">OUR FLAG MEANS DEATH</h4> <div class="nav__sub__cta-link"> <a href="/collections/our-flag-means-death" class="link link--arrow"></a> </div> </div> <!-- END custom code for adding images to megamenu --> <!-- BEGIN code for adding mini-grid to mega menu item --> <!-- END code for adding mini-grid to mega menu item --> </div> </div> </div> </li> <!-- changed below code to default is_megamenu == true, because we want to have a megamenu for ALL nav-items to allow for featured products/images --> <!-- to revert back to original code, chance below line to 'assign is_megamenu = false' --> <li class="site-nav__item site-nav__expanded-item site-nav--is-megamenu" role="listitem"> <a href="/collections/fan-favorites" class="site-nav__link site-nav__link--underline"> <span >Fan Favorites</span> </a> <div class="site-nav__dropdown megamenu text-left"> <div class="page-width"> <div class="grid grid--center"> <!-- in below line, conditionally added additional class '.display-none' if the nav item has no child links (aka if you want to display only images, such as for 'As Seen On' nav item)--> <div class="grid__item medium-up--one-fifth appear-animation appear-delay-1 display-none"> </div> <!-- BEGIN custom code for adding images to megamenu --> <!-- END custom code for adding images to megamenu --> <!-- BEGIN code for adding mini-grid to mega menu item --> <!-- END code for adding mini-grid to mega menu item --> </div> </div> </div> </li> <!-- changed below code to default is_megamenu == true, because we want to have a megamenu for ALL nav-items to allow for featured products/images --> <!-- to revert back to original code, chance below line to 'assign is_megamenu = false' --> <li class="site-nav__item site-nav__expanded-item site-nav--is-megamenu" role="listitem"> <a href="/collections/new-arrivals" class="site-nav__link site-nav__link--underline"> <span >New Arrivals</span> </a> <div class="site-nav__dropdown megamenu text-left"> <div class="page-width"> <div class="grid grid--center"> <!-- in below line, conditionally added additional class '.display-none' if the nav item has no child links (aka if you want to display only images, such as for 'As Seen On' nav item)--> <div class="grid__item medium-up--one-fifth appear-animation appear-delay-1 display-none"> </div> <!-- BEGIN custom code for adding images to megamenu --> <!-- END custom code for adding images to megamenu --> <!-- BEGIN code for adding mini-grid to mega menu item --> <!-- END code for adding mini-grid to mega menu item --> </div> </div> </div> </li> <!-- changed below code to default is_megamenu == true, because we want to have a megamenu for ALL nav-items to allow for featured products/images --> <!-- to revert back to original code, chance below line to 'assign is_megamenu = false' --> <li class="site-nav__item site-nav__expanded-item site-nav--is-megamenu" role="listitem"> <a href="/collections/the-white-lotus" class="site-nav__link site-nav__link--underline"> <span >The White Lotus</span> </a> <div class="site-nav__dropdown megamenu text-left"> <div class="page-width"> <div class="grid grid--center"> <!-- in below line, conditionally added additional class '.display-none' if the nav item has no child links (aka if you want to display only images, such as for 'As Seen On' nav item)--> <div class="grid__item medium-up--one-fifth appear-animation appear-delay-1 display-none"> </div> <!-- BEGIN custom code for adding images to megamenu --> <!-- END custom code for adding images to megamenu --> <!-- BEGIN code for adding mini-grid to mega menu item --> <!-- END code for adding mini-grid to mega menu item --> </div> </div> </div> </li> </ul> </div> <div class="header-item header-item--icons"> <div class="site-nav"> <div class="site-nav__icons"> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg width="30px" height="30px" stroke="#505050" fill="#505050" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 72 56" xml:space="preserve"> <path id="Sign_in" class="st1" d="M55.3,44.5c-0.6-2-1.5-3.8-2.7-5.5c-1.1-1.7-2.6-3.1-4.2-4.4c-1.5-1.1-3.1-2-4.9-2.7 c0.9-0.6,1.8-1.2,2.5-2c0.9-0.9,1.7-1.9,2.4-3s1.2-2.3,1.5-3.5c0.4-1.3,0.5-2.6,0.5-3.9c0-2-0.4-3.9-1.1-5.7 c-0.8-1.8-1.8-3.3-3.1-4.6s-2.9-2.4-4.6-3.1C39.9,5.3,38,4.9,36,4.9S32.1,5.3,30.3,6c-1.8,0.8-3.3,1.8-4.6,3.1 c-1.3,1.3-2.4,2.9-3.1,4.6c-0.8,1.8-1.1,3.7-1.1,5.7c0,1.3,0.2,2.6,0.5,3.9c0.4,1.3,0.9,2.5,1.5,3.6c0.7,1.1,1.5,2.1,2.4,3 c0.8,0.7,1.6,1.4,2.6,2c-1.8,0.7-3.4,1.6-4.9,2.8c-1.6,1.3-3.1,2.7-4.2,4.4s-2.1,3.5-2.7,5.5s-0.9,4.1-0.9,6.2v0.3h3.5v-0.3 c0-1.5,0.2-3.1,0.6-4.5s1-2.8,1.7-4s1.6-2.4,2.6-3.4s2.1-1.9,3.4-2.6c1.2-0.7,2.6-1.3,4-1.7c1.4-0.4,2.9-0.6,4.5-0.6 c2.4,0,4.6,0.4,6.6,1.3c2,0.8,3.8,2,5.3,3.5s2.7,3.3,3.5,5.3s1.3,4.3,1.3,6.6V51h3.5v-0.3C56.2,48.6,55.9,46.5,55.3,44.5z M36,8.4 c1.5,0,3,0.3,4.3,0.9c1.3,0.6,2.5,1.4,3.5,2.4s1.8,2.2,2.4,3.5c0.6,1.3,0.9,2.8,0.9,4.3c0,1.5-0.3,3-0.9,4.3 c-0.6,1.3-1.4,2.5-2.4,3.5s-2.2,1.8-3.5,2.4c-2.7,1.2-5.9,1.2-8.6,0c-1.3-0.6-2.5-1.4-3.5-2.4s-1.8-2.2-2.4-3.5 C25.2,22.4,25,21,25,19.5s0.3-3,0.9-4.3s1.4-2.5,2.4-3.5s2.2-1.8,3.5-2.4C33,8.7,34.5,8.4,36,8.4z"/> </svg> <span class="icon__fallback-text"> Account </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition"> <svg width="20px" height="20px" viewBox="0 0 44 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="search_Icon" transform="translate(2.000000, 2.000000)" stroke="#505050" stroke-width="4"> <ellipse id="Oval" cx="16.3888889" cy="17.1014493" rx="16.3888889" ry="17.1014493"></ellipse> <path d="M40,40 L28.6111111,28.2318841" id="Path"></path> </g> </g> </svg> <!--<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><path d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58zM54 54L41.94 42"/></svg>--> <span class="icon__fallback-text">Search</span> </a> <button type="button" class="site-nav__link site-nav__link--icon js-drawer-open-nav medium-up--hide" aria-controls="NavDrawer"> <svg width="30px" height="30px" stroke="#505050" fill="#505050" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 72 56" style="enable-background:new 0 0 72 56;" xml:space="preserve"> <rect x="11.6" y="6.5" class="st0" width="51.3" height="4.4"/> <rect x="11.6" y="25.8" class="st0" width="51.3" height="4.4"/> <rect x="11.6" y="45.1" class="st0" width="51.3" height="4.4"/> </svg> </button> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition" aria-controls="CartDrawer" data-icon="bag"> <span class="cart-link"> <svg width="20px" height="20px" stroke="#505050" fill="#505050" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 193.1 193.1" xml:space="preserve"> <g> <g> <path class="" d="M163,147.5H62.4l-2.1-8.7h114l18.5-80.4L42.1,40.3L35.2,0H0.3v15.2h22.1l4,23.2l-0.3,0l18.2,100.4h0.4l2.2,9 c-10.8,1.8-19,11.2-19,22.4c0,12.6,10.2,22.8,22.8,22.8s22.8-10.2,22.8-22.8c0-2.6-0.5-5.2-1.3-7.6h69.5c-0.8,2.4-1.3,4.9-1.3,7.6 c0,12.6,10.2,22.8,22.8,22.8c12.6,0,22.8-10.2,22.8-22.8C185.8,157.7,175.6,147.5,163,147.5z M44.8,55.9l129.3,15.5l-12,52.1H56.9 L46.9,68L44.8,55.9z M50.6,177.8c-4.2,0-7.6-3.4-7.6-7.6c0-4.2,3.4-7.6,7.6-7.6s7.6,3.4,7.6,7.6C58.2,174.4,54.8,177.8,50.6,177.8 z M163,177.8c-4.2,0-7.6-3.4-7.6-7.6c0-4.2,3.4-7.6,7.6-7.6c4.2,0,7.6,3.4,7.6,7.6C170.6,174.4,167.2,177.8,163,177.8z"/> </g> </g> <line class="st1" x1="180.4" y1="71.6" x2="180.7" y2="71.6"/> </svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> </div> <div class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" role="search" id="HeaderSearchForm" class="site-header__search-form"> <input type="hidden" name="type" value="product,page"> <button type="submit" class="text-link site-header__search-btn site-header__search-btn--submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><path d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58zM54 54L41.94 42"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="Search our store" class="site-header__search-input" aria-label="Search our store"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div><div class="predictive-results hide"> <div class="page-width"> <div id="PredictiveResults"></div> <div class="text-center predictive-results__footer"> <button type="button" class="btn btn--small" data-predictive-search-button> <small> View more </small> </button> </div> </div> </div></div> </header> </div> </div> </div> <style data-shopify> .is-light .site-nav__link{ color:#505050; } .is-light .site-nav__link:hover{ color:#787878 !important; } .site-nav--has-dropdown .site-nav__link--underline:after, .is-light .site-nav__item:not(.site-nav--has-dropdown) .site-nav__link--underline:after{ border-bottom-color:#000000; } .site-nav__link--underline:after{ border-bottom:2px solid #000000; } .site-nav__dropdown{ background:#f0f0f0; } .site-nav__dropdown a{ color:#505050; } .site-nav__dropdown a:hover{ color:#787878; } .site-nav__dropdown .nav__sub__cta-title.h5{ color:#505050; } .site-nav__dropdown .grid__item h4:hover{ color:#787878; } .site-nav__dropdown .grid__item .nav__sub__cta-link a{ color:#000000; } .site-nav__dropdown .grid__item .nav__sub__cta-link a:hover{ color:#787878; } </style> </div> <main class="main-content" id="MainContent"> <div id="shopify-section-collection-header" class="shopify-section"> <div class="page-width page-content page-content--top"> <header class="section-header section-header--flush"> <h1 class="section-header__title 296872640675"> Luggage Tags </h1> </header> </div> <div id="CollectionHeaderSection" data-section-id="collection-header" data-section-type="collection-header"> </div> <style data-shopify> .section-header--hero .section-header__title{ font-size:50px; } .collection-hero { position: relative; } .collection-hero{ transition: transform 2s; transform: scaleX(2) scaleY(2); animation: fadeInAnimation ease 2s; animation-iteration-count: 1; animation-fill-mode: forwards; } .collection-hero.loaded{ transform: scaleX(1) scaleY(1); } .collection-template-row-custom{ padding-top:0; } .subNavigation ul , .mobileSubHeader{ background:#505050; } .subNavigation ul li a{ color:#ffffff; text-transform:capitalize; } .subNavigation ul li a:hover{ color:#cccccc; } .subNavigation ul ul { background:#ffffff; border-bottom:1px solid ; width:auto; left:inherit; } .subNavigation ul ul li a{ color:#505050; } .subNavigation ul ul li a:hover{ color:#ffffff; } @media screen and (max-width:960px){ .section-header--hero .section-header__title{ font-size:20px; } } </style> </div> <div id="shopify-section-collection-background" class="shopify-section"> <style data-shopify> .collection-background{ width:100%; height:100%; position:absolute; } </style> </div> <div id="CollectionAjaxResult" class="collection-content"> <nav class="breadcrumb" role="navigation" aria-label="breadcrumbs"> <a href="/" title="Back to the frontpage">Home</a> <span class="divider" aria-hidden="true">/</span> <span>Luggage Tags</span> </nav> <div id="CollectionAjaxContent"> <div class="page-width"> <div class="grid"> <div class="grid__item medium-up--one-fifth grid__item--sidebar"> <div id="shopify-section-collection-sidebar" class="shopify-section"><div id="CollectionSidebar" data-section-id="collection-sidebar" data-section-type="collection-sidebar" data-combine-tags="true" data-style="drawer"> <div id="FilterDrawer" class="drawer drawer--left"> <div class="drawer__contents"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="h2 drawer__title"> Filter </div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div><div class="drawer__scrollable appear-animation appear-delay-2"> <ul class="no-bullets tag-list tag-list--active-tags"></ul><div class="collection-sidebar__group--30bcc194-0b55-41b5-a142-e9190f41a939" > <div class="collection-sidebar__group"><button type="button" class="collapsible-trigger collapsible-trigger-btn collapsible--auto-height is-open tag-list__header" aria-controls="SidebarDrawer-1"> Shows <span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> <div id="SidebarDrawer-1" class="collapsible-content collapsible-content--sidebar is-open" style="height: auto;"> <div class="collapsible-content__inner"> <ul class="no-bullets tag-list tag-list--checkboxes"><li class="tag"> <a href="/collections/luggage-tags/sex-and-the-city" class="js-no-transition" title="Narrow selection to products matching tag Sex and the City">Sex and the City</a> </li><li class="tag"> <a href="/collections/luggage-tags/the-white-lotus" class="js-no-transition" title="Narrow selection to products matching tag The White Lotus">The White Lotus</a> </li></ul></div> </div> </div></div><div class="collection-sidebar__group--1585008248308" > <div class="collection-sidebar__group"><button type="button" class="collapsible-trigger collapsible-trigger-btn collapsible--auto-height tag-list__header" aria-controls="SidebarDrawer-2"> Categories <span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> <div id="SidebarDrawer-2" class="collapsible-content collapsible-content--sidebar" > <div class="collapsible-content__inner"> <ul class="no-bullets tag-list tag-list--checkboxes"><li class="tag"> <a href="/collections/luggage-tags/home-office" class="js-no-transition" title="Narrow selection to products matching tag Home &amp; Office">Home & Office</a> </li></ul><style data-shopify> .collection-sidebar__group--1585008248308 { display: none; } </style> </div> </div> </div></div><div class="collection-sidebar__group--1585008271330" > <div class="collection-sidebar__group"><button type="button" class="collapsible-trigger collapsible-trigger-btn collapsible--auto-height tag-list__header" aria-controls="SidebarDrawer-3"> Product Type <span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> <div id="SidebarDrawer-3" class="collapsible-content collapsible-content--sidebar" > <div class="collapsible-content__inner"> <ul class="no-bullets tag-list tag-list--checkboxes"><li class="tag"> <a href="/collections/luggage-tags/luggage-tags" class="js-no-transition" title="Narrow selection to products matching tag Luggage Tags">Luggage Tags</a> </li></ul><style data-shopify> .collection-sidebar__group--1585008271330 { display: none; } </style> </div> </div> </div></div><div class="collection-sidebar__group--1585008307772" > <div class="collection-sidebar__group"><button type="button" class="collapsible-trigger collapsible-trigger-btn collapsible--auto-height tag-list__header" aria-controls="SidebarDrawer-4"> Style <span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> <div id="SidebarDrawer-4" class="collapsible-content collapsible-content--sidebar" > <div class="collapsible-content__inner"> <ul class="no-bullets tag-list tag-list--checkboxes"></ul><style data-shopify> .collection-sidebar__group--1585008307772 { display: none; } </style> </div> </div> </div></div> </div> </div> </div> </div> <style data-shopify> .collection-content .grid__item--sidebar { width: 0; } .collection-content .grid__item--content { width: 100%; } .grid__item--sidebar { position: static; overflow: hidden; } </style> </div> </div> <div class="grid__item medium-up--four-fifths grid__item--content"> <div id="shopify-section-collection-promotions" class="shopify-section"><div data-section-id="collection-promotions" data-section-type="promo-grid"> <style data-shopify> .flex-grid--collection-promotions { margin-bottom: 10px; } </style> <style data-shopify> .flex-grid--collection-promotions { margin-top: -10px; margin-left: -10px; } .flex-grid--collection-promotions .flex-grid--gutters { margin-top: -10px; margin-left: -10px; } .flex-grid--collection-promotions .flex-grid__item { padding-top: 10px; padding-left: 10px; } @media only screen and (max-width: 589px) { .flex-grid--collection-promotions { margin-top: -5px; margin-left: -5px; } .flex-grid--collection-promotions .flex-grid--gutters { margin-top: -5px; margin-left: -5px; } .flex-grid--collection-promotions .flex-grid__item { padding-top: 5px; padding-left: 5px; } } </style> <div class="promo-grid"> <div class="flex-grid flex-grid--gutters flex-grid--collection-promotions"> <style data-shopify> .flex-grid__item--5d2531bb-be0e-428c-81d5-da1c41110c71 .btn { background: !important; border: none !important; } </style> <div class="flex-grid__item flex-grid__item-- flex-grid__item--5d2531bb-be0e-428c-81d5-da1c41110c71 type-text" > </div> </div> </div> </div> </div> <div class="collection-grid__wrapper"> <div id="shopify-section-collection-template" class="shopify-section"> <div id="CollectionSection" data-section-id="collection-template" data-section-type="collection-template"><div class="collection-filter"><div class="collection-filter__item collection-filter__item--drawer"> <button type="button" class="js-drawer-open-collection-filters btn btn--tertiary" aria-controls="FilterDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-filter" viewBox="0 0 64 64"><path d="M48 42h10M48 42a5 5 0 1 1-5-5 5 5 0 0 1 5 5zM7 42h31M16 22H6M16 22a5 5 0 1 1 5 5 5 5 0 0 1-5-5zM57 22H26"/></svg> Filter </button> </div> <div class="collection-filter__item collection-filter__item--count small--hide">2 products </div> <div class="collection-filter__item collection-filter__item--sort"> <div class="collection-filter__sort-container"><label for="SortBy" class="hidden-label">Sort</label> <select name="SortBy" id="SortBy" data-default-sortby="manual"> <option value="title-ascending" selected="selected">Sort</option> <option value="manual" selected="selected">Featured</option> <option value="best-selling" >Best selling</option> <option value="title-ascending" >Alphabetically, A-Z</option> <option value="title-descending" >Alphabetically, Z-A</option> <option value="price-ascending" >Price, low to high</option> <option value="price-descending" >Price, high to low</option> <option value="created-ascending" >Date, old to new</option> <option value="created-descending" >Date, new to old</option> </select> </div> </div> </div><p class="medium-up--hide text-center">2 products</p><div class="grid grid--uniform grid--collection" data-scroll-to> <div class="grid__item grid-product small--one-half medium-up--one-quarter grid-product__has-quick-shop" data-aos="row-of-4"> <div class="grid-product__content"> <div class="product-labels"> <span class="grid-product__tag label-personalized">personalized</span> </div> <a href="/collections/luggage-tags/products/the-white-lotus-resort-spa-double-sided-personalized-luggage-tag" class="grid-product__link "> <div class="grid-product__image-mask"><div class="quick-product__btn hbo-btn js-modal-open-quick-modal-8008785133731 small--hide" data-product-id="8008785133731"> <span class="quick-product__label">Quick view</span> </div> <div class="grid__image-ratio grid__image-ratio--square lazyload" data-bgset=" //shop.hbo.com/cdn/shop/products/WT-LOGOPLM-69-100328-FT-MF_180x.jpg?v=1682350462 180w 180h, //shop.hbo.com/cdn/shop/products/WT-LOGOPLM-69-100328-FT-MF_360x.jpg?v=1682350462 360w 360h, //shop.hbo.com/cdn/shop/products/WT-LOGOPLM-69-100328-FT-MF_540x.jpg?v=1682350462 540w 540h, //shop.hbo.com/cdn/shop/products/WT-LOGOPLM-69-100328-FT-MF_720x.jpg?v=1682350462 720w 720h, //shop.hbo.com/cdn/shop/products/WT-LOGOPLM-69-100328-FT-MF_900x.jpg?v=1682350462 900w 900h, " data-sizes="auto"> </div><div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //shop.hbo.com/cdn/shop/products/WT-LOGOPLM-69-100328-BK-MF_180x.jpg?v=1682350462 180w 180h, //shop.hbo.com/cdn/shop/products/WT-LOGOPLM-69-100328-BK-MF_360x.jpg?v=1682350462 360w 360h, //shop.hbo.com/cdn/shop/products/WT-LOGOPLM-69-100328-BK-MF_540x.jpg?v=1682350462 540w 540h, //shop.hbo.com/cdn/shop/products/WT-LOGOPLM-69-100328-BK-MF_720x.jpg?v=1682350462 720w 720h, //shop.hbo.com/cdn/shop/products/WT-LOGOPLM-69-100328-BK-MF_900x.jpg?v=1682350462 900w 900h, " data-sizes="auto"> </div></div> <div class="grid-product__meta"> <div class="grid-product__title grid-product__title--body">The White Lotus Resort & Spa Double Sided Personalized Luggage Tag</div><div class="grid-product__price">$17.95 </div></div> </a> </div> </div> <div class="grid__item grid-product small--one-half medium-up--one-quarter grid-product__has-quick-shop" data-aos="row-of-4"> <div class="grid-product__content"> <div class="product-labels"> <span class="grid-product__tag label-personalized">personalized</span> </div> <a href="/collections/luggage-tags/products/sex-and-the-city-hello-lover-personalized-luggage-tag" class="grid-product__link "> <div class="grid-product__image-mask"><div class="quick-product__btn hbo-btn js-modal-open-quick-modal-8040228225187 small--hide" data-product-id="8040228225187"> <span class="quick-product__label">Quick view</span> </div> <div class="grid__image-ratio grid__image-ratio--square lazyload" data-bgset=" //shop.hbo.com/cdn/shop/products/SATC-HL-72-100328-FT-MF_180x.jpg?v=1686923029 180w 180h, //shop.hbo.com/cdn/shop/products/SATC-HL-72-100328-FT-MF_360x.jpg?v=1686923029 360w 360h, //shop.hbo.com/cdn/shop/products/SATC-HL-72-100328-FT-MF_540x.jpg?v=1686923029 540w 540h, //shop.hbo.com/cdn/shop/products/SATC-HL-72-100328-FT-MF_720x.jpg?v=1686923029 720w 720h, //shop.hbo.com/cdn/shop/products/SATC-HL-72-100328-FT-MF_900x.jpg?v=1686923029 900w 900h, " data-sizes="auto"> </div><div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //shop.hbo.com/cdn/shop/products/SATC-HL-72-100328-BK-MF_180x.jpg?v=1686923029 180w 180h, //shop.hbo.com/cdn/shop/products/SATC-HL-72-100328-BK-MF_360x.jpg?v=1686923029 360w 360h, //shop.hbo.com/cdn/shop/products/SATC-HL-72-100328-BK-MF_540x.jpg?v=1686923029 540w 540h, //shop.hbo.com/cdn/shop/products/SATC-HL-72-100328-BK-MF_720x.jpg?v=1686923029 720w 720h, //shop.hbo.com/cdn/shop/products/SATC-HL-72-100328-BK-MF_900x.jpg?v=1686923029 900w 900h, " data-sizes="auto"> </div></div> <div class="grid-product__meta"> <div class="grid-product__title grid-product__title--body">Sex and The City Hello Lover Personalized Luggage Tag</div><div class="grid-product__price">$17.95 </div></div> </a> </div> </div></div> <div id="QuickShopModal-8008785133731" class="modal modal--square modal--quick-shop" data-product-id="8008785133731"> <div class="modal__inner"> <div class="modal__centered"> <div class="modal__centered-content"> <div id="ProductSection-8008785133731" class="product-section" data-section-id="8008785133731" data-section-type="product-template" data-product-handle="the-white-lotus-resort-spa-double-sided-personalized-luggage-tag" data-product-url="/collections/luggage-tags/products/the-white-lotus-resort-spa-double-sided-personalized-luggage-tag" data-aspect-ratio="100.0" data-img-url="//shop.hbo.com/cdn/shop/products/WT-LOGOPLM-69-100328-FT-MF_{width}x.jpg?v=1682350462" data-image-zoom="true" data-inventory="true" data-incoming-inventory="true" > <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Product", "offers": { "@type": "Offer", "availability":"https://schema.org/InStock", "price": "17.95", "priceCurrency": "USD", "priceValidUntil": "2025-03-01", "url": "https://shop.hbo.com/products/the-white-lotus-resort-spa-double-sided-personalized-luggage-tag" }, "brand": "progift", "sku": "TWL-100328-001-WT-LOGOPLM", "name": "The White Lotus Resort \u0026 Spa Double Sided Personalized Luggage Tag", "description": "Did the airline lose your luggage? No worries, we've got you covered! Keep this The White Lotus Resort \u0026amp; Spa Double Sided Personalized Luggage Tag on your carry-on for a reliable backup.\nSpot your bag right away with this durable luggage tag!\nFit: Measures 4.25\"\" x 3\"\" and fits most checked or carry-on bags.\nMade of: 100% plastic. \nCare: N\/A.\n", "category": "", "url": "https://shop.hbo.com/products/the-white-lotus-resort-spa-double-sided-personalized-luggage-tag", "image": { "@type": "ImageObject", "url": "https://shop.hbo.com/cdn/shop/products/WT-LOGOPLM-69-100328-FT-MF_1024x1024.jpg?v=1682350462", "image": "https://shop.hbo.com/cdn/shop/products/WT-LOGOPLM-69-100328-FT-MF_1024x1024.jpg?v=1682350462", "name": "The White Lotus Resort \u0026 Spa Double Sided Personalized Luggage Tag", "width": 1024, "height": 1024 } } </script> <div class="page-content page-content--product"> <div class="page-width"><style> .page-content--product { padding-top: 0; } div.content-control { min-width: 100%;padding-left: 45px;}@media screen and (max-width: 720px) { div.content-control > h1.product-single__title, div.content-control > .product__price { text-align: left;} } </style><div class="grid main-product"><div class="grid__item medium-up--one-half"> <div data-product-images data-zoom="true" data-has-slideshow="true"> <div class="product__photos product__photos-8008785133731 product__photos--beside"> <div class="product__main-photos" data-aos data-product-single-media-group> <div id="ProductPhotos-8008785133731"> <div class="starting-slide" data-index="0"> <div class="product-image-main product-image-main--8008785133731"><div class="image-wrap" style="height: 0; padding-bottom: 100.0%;"><img class="photoswipe__image lazyload" data-photoswipe-src="//shop.hbo.com/cdn/shop/products/WT-LOGOPLM-69-100328-FT-MF_1800x1800.jpg?v=1682350462" data-photoswipe-width="1000" data-photoswipe-height="1000" data-index="1" data-src="//shop.hbo.com/cdn/shop/products/WT-LOGOPLM-69-100328-FT-MF_{width}x.jpg?v=1682350462" data-widths="[360, 540, 720, 900, 1080]" data-aspectratio="1.0" data-sizes="auto" alt="The White Lotus Resort &amp; Spa Double Sided Personalized Luggage Tag"><button type="button" aria-label="product photo zoom" class="btn btn--body btn--circle js-photoswipe__zoom product__photo-zoom"> <svg style="left:0;"aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><path d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58zM54 54L41.94 42"/></svg> <span class="icon__fallback-text">Close (esc)</span> </button></div></div> </div> <div class="secondary-slide" data-index="1"> <div class="product-image-main product-image-main--8008785133731"><div class="image-wrap" style="height: 0; padding-bottom: 100.0%;"><img class="photoswipe__image lazyload" data-photoswipe-src="//shop.hbo.com/cdn/shop/products/WT-LOGOPLM-69-100328-BK-MF_1800x1800.jpg?v=1682350462" data-photoswipe-width="1000" data-photoswipe-height="1000" data-index="2" data-src="//shop.hbo.com/cdn/shop/products/WT-LOGOPLM-69-100328-BK-MF_{width}x.jpg?v=1682350462" data-widths="[360, 540, 720, 900, 1080]" data-aspectratio="1.0" data-sizes="auto" alt="The White Lotus Resort &amp; Spa Double Sided Personalized Luggage Tag"><button type="button" aria-label="product photo zoom" class="btn btn--body btn--circle js-photoswipe__zoom product__photo-zoom"> <svg style="left:0;"aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><path d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58zM54 54L41.94 42"/></svg> <span class="icon__fallback-text">Close (esc)</span> </button></div></div> </div> </div> <div class="product__photo-dots product__photo-dots--8008785133731"></div> </div> <div id="ProductThumbs-8008785133731" class="product__thumbs product__thumbs--beside product__thumbs-placement--left small--hide" data-position="beside" data-arrows="" data-aos><div class="product__thumb-item" data-index="0"> <div class="image-wrap" style="height: 0; padding-bottom: 100.0%;"> <a href="//shop.hbo.com/cdn/shop/products/WT-LOGOPLM-69-100328-FT-MF_1800x1800.jpg?v=1682350462" class="product__thumb product__thumb-8008785133731 js-no-transition" data-index="0" data-id="29478152241315"><img class="animation-delay-3 lazyload" data-src="//shop.hbo.com/cdn/shop/products/WT-LOGOPLM-69-100328-FT-MF_{width}x.jpg?v=1682350462" data-widths="[360, 540, 720, 900, 1080]" data-aspectratio="1.0" data-sizes="auto" alt="The White Lotus Resort &amp; Spa Double Sided Personalized Luggage Tag"> </a> </div> </div><div class="product__thumb-item" data-index="1"> <div class="image-wrap" style="height: 0; padding-bottom: 100.0%;"> <a href="//shop.hbo.com/cdn/shop/products/WT-LOGOPLM-69-100328-BK-MF_1800x1800.jpg?v=1682350462" class="product__thumb product__thumb-8008785133731 js-no-transition" data-index="1" data-id="29478152274083"><img class="animation-delay-6 lazyload" data-src="//shop.hbo.com/cdn/shop/products/WT-LOGOPLM-69-100328-BK-MF_{width}x.jpg?v=1682350462" data-widths="[360, 540, 720, 900, 1080]" data-aspectratio="1.0" data-sizes="auto" alt="The White Lotus Resort &amp; Spa Double Sided Personalized Luggage Tag"> </a> </div> </div></div> </div> </div> <script type="application/json" id="ModelJson-8008785133731"> [] </script> </div><div class="grid__item medium-up--one-half description"><!-- Title Content --> <div class="content-control"><p class="h2 product-single__title"> The White Lotus Resort & Spa Double Sided Personalized Luggage Tag </p> <span id="PriceA11y-8008785133731" class="visually-hidden">Regular price</span><span id="ProductPrice-8008785133731" class="product__price"> $17.95 </span><span id="SavePrice-8008785133731" class="product__price-savings hide"> Save Liquid error (snippets/product-template line 212): Computation results in '-Infinity'% </span><div style="width: 100; height:20px;"></div> </div> <!-- / Title Content --> <div class="product-single__meta"> <!-- Liquid error (snippets/product-template line 246): Could not find asset snippets/product-logo.liquid --> <div class="product__unit-price product__unit-price--spacing product__unit-price-wrapper--8008785133731 hide"><span class="product__unit-price--8008785133731"></span>/<span class="product__unit-base--8008785133731"></span> </div> <style> .auto-discount{margin-top:5px;} .auto-discount p{ color: #ff0000; font-size: 14px; margin:0; padding:0; } .auto-discount a{color:#ff0000;} .auto-discount-two p{ color:#f00b0b; font-size: 14px; margin:0; padding:0; } .auto-discount-two a{color:#333333;} </style> <script> // Store inventory quantities in JS because they're no longer // available directly in JS when a variant changes. // Have an object that holds all potential products so it works // with quick view or with multiple featured products. window.inventories = window.inventories || {}; window.inventories['8008785133731'] = {}; window.inventories['8008785133731'][43368350384291] = { 'quantity': 99908, 'incoming': false, 'next_incoming_date': null }; </script> <div data-section-id="8008785133731" class="hide js-product-inventory-data" aria-hidden="true" ><div class="js-variant-inventory-data" data-id="43368350384291" data-quantity="99908" data-incoming="false" data-date="null" > </div></div><div id="ProductFormHolder-8008785133731" class="product-form-holder" data-url="/products/the-white-lotus-resort-spa-double-sided-personalized-luggage-tag" data-template=""></div><div class="product-single__description rte"> <h3>Product Details</h3> <p>Did the airline lose your luggage? No worries, we've got you covered! Keep this <em>The White Lotus</em> Resort &amp; Spa Double Sided Personalized Luggage Tag on your carry-on for a reliable backup.</p><ul> <li>Spot your bag right away with this durable luggage tag!</li> <li>Fit: Measures 4.25"" x 3"" and fits most checked or carry-on bags.</li> <li>Made of: 100% plastic. </li> <li>Care: N/A.</li> </ul> <div class="description rte" itemprop="description"> <h3 class="shipping-title "> Ordering Information </h3> <ul> <li><strong>Return Policy:</strong> All personalized items are nonreturnable. We regret that we are unable to refund any personalized item.</li> <li><strong>Shipping:</strong> Ship times are estimates of time in transit after your product leaves the fulfillment center. Some items in your order may ship separately to arrive faster.</li> <li><strong>Availability:</strong> Ships to the United States and Puerto Rico.</li> <li><strong>Shipping Policy:</strong> For more information, see our Shipping Policy <a href="/pages/shipping-policy">here</a>.</li> </ul> </div> <!-- deploy test --> <style> .hide { display: none; } div#leadtime ul, div#leadtime h3.shipping-title {display: none;} div#leadtime .giftbox-text ul{display: block;} /* International Shipping Style */ .intl-icon::before { display: inline-block; content: ' '; background-image: url(https://cdn.shopify.com/s/files/1/0269/7458/4889/files/maps-and-flags.png?v=1589423363); background-size: 28px 28px; height: 28px; width: 28px; vertical-align: top; margin-right: 10px; } .intl-bold {font-weight: bold; line-height: 2.3em;} @media only screen and (max-width: 768px) { .international {text-align: center;} } /* USA Shipping Style */ .usa-icon::before { display: inline-block; content: ' '; background-image: url(https://cdn.shopify.com/s/files/1/0269/7458/4889/files/united-states-of-america.png?v=1589423363); background-size: 28px 28px; height: 28px; width: 28px; vertical-align: top; margin-right: 10px; } .usa-bold {font-weight: bold; line-height: 2.3em;} @media only screen and (max-width: 768px) { .usa {text-align: center;} } </style> <script> var waitForJQueryShippingInfo = setInterval(function () { if (typeof $ != 'undefined') { $('.shipping-title').click(function(){ $(this).toggleClass('toggled'); $('.description .order-information').slideToggle(); }); clearInterval(waitForJQueryShippingInfo); } }, 10); </script> <p id="Sku-8008785133731" class="product-single__sku"><span class="pdp-sku">SKU: </span><span class="pdp-sku-text">TWL-100328-001-WT-LOGOPLM</span></p> </div> </div> </div> </div></div> </div> </div> </div> <button aria-label="quick-shop-button-8008785133731" type="button" class="modal__close js-modal-close text-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> <div id="QuickShopModal-8040228225187" class="modal modal--square modal--quick-shop" data-product-id="8040228225187"> <div class="modal__inner"> <div class="modal__centered"> <div class="modal__centered-content"> <div id="ProductSection-8040228225187" class="product-section" data-section-id="8040228225187" data-section-type="product-template" data-product-handle="sex-and-the-city-hello-lover-personalized-luggage-tag" data-product-url="/collections/luggage-tags/products/sex-and-the-city-hello-lover-personalized-luggage-tag" data-aspect-ratio="100.0" data-img-url="//shop.hbo.com/cdn/shop/products/SATC-HL-72-100328-FT-MF_{width}x.jpg?v=1686923029" data-image-zoom="true" data-inventory="true" data-incoming-inventory="true" > <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Product", "offers": { "@type": "Offer", "availability":"https://schema.org/InStock", "price": "17.95", "priceCurrency": "USD", "priceValidUntil": "2025-03-01", "url": "https://shop.hbo.com/products/sex-and-the-city-hello-lover-personalized-luggage-tag" }, "brand": "progift", "sku": "STC-100328-001-SATC-HL", "name": "Sex and The City Hello Lover Personalized Luggage Tag", "description": "Introducing the Sex and The City Hello Lover Accessory Bag, a chic and versatile accessory that pays homage to the iconic television series. Inspired by the fashionable and fearless women of Sex and The City, this accessory bag is the perfect companion for those who appreciate style, sophistication, and a touch of nostalgia.\n\nSpot your bag right away with this durable luggage tag!\nFit: Measures 4.25\"\" x 3\"\" and fits most checked or carry-on bags.\nMade of: 100% plastic.\nCare: N\/A.\n", "category": "", "url": "https://shop.hbo.com/products/sex-and-the-city-hello-lover-personalized-luggage-tag", "image": { "@type": "ImageObject", "url": "https://shop.hbo.com/cdn/shop/products/SATC-HL-72-100328-FT-MF_1024x1024.jpg?v=1686923029", "image": "https://shop.hbo.com/cdn/shop/products/SATC-HL-72-100328-FT-MF_1024x1024.jpg?v=1686923029", "name": "Sex and The City Hello Lover Personalized Luggage Tag", "width": 1024, "height": 1024 } } </script> <div class="page-content page-content--product"> <div class="page-width"><style> .page-content--product { padding-top: 0; } div.content-control { min-width: 100%;padding-left: 45px;}@media screen and (max-width: 720px) { div.content-control > h1.product-single__title, div.content-control > .product__price { text-align: left;} } </style><div class="grid main-product"><div class="grid__item medium-up--one-half"> <div data-product-images data-zoom="true" data-has-slideshow="true"> <div class="product__photos product__photos-8040228225187 product__photos--beside"> <div class="product__main-photos" data-aos data-product-single-media-group> <div id="ProductPhotos-8040228225187"> <div class="starting-slide" data-index="0"> <div class="product-image-main product-image-main--8040228225187"><div class="image-wrap" style="height: 0; padding-bottom: 100.0%;"><img class="photoswipe__image lazyload" data-photoswipe-src="//shop.hbo.com/cdn/shop/products/SATC-HL-72-100328-FT-MF_1800x1800.jpg?v=1686923029" data-photoswipe-width="1000" data-photoswipe-height="1000" data-index="1" data-src="//shop.hbo.com/cdn/shop/products/SATC-HL-72-100328-FT-MF_{width}x.jpg?v=1686923029" data-widths="[360, 540, 720, 900, 1080]" data-aspectratio="1.0" data-sizes="auto" alt="Sex and The City Hello Lover Personalized Luggage Tag"><button type="button" aria-label="product photo zoom" class="btn btn--body btn--circle js-photoswipe__zoom product__photo-zoom"> <svg style="left:0;"aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><path d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58zM54 54L41.94 42"/></svg> <span class="icon__fallback-text">Close (esc)</span> </button></div></div> </div> <div class="secondary-slide" data-index="1"> <div class="product-image-main product-image-main--8040228225187"><div class="image-wrap" style="height: 0; padding-bottom: 100.0%;"><img class="photoswipe__image lazyload" data-photoswipe-src="//shop.hbo.com/cdn/shop/products/SATC-HL-72-100328-BK-MF_1800x1800.jpg?v=1686923029" data-photoswipe-width="1000" data-photoswipe-height="1000" data-index="2" data-src="//shop.hbo.com/cdn/shop/products/SATC-HL-72-100328-BK-MF_{width}x.jpg?v=1686923029" data-widths="[360, 540, 720, 900, 1080]" data-aspectratio="1.0" data-sizes="auto" alt="Sex and The City Hello Lover Personalized Luggage Tag"><button type="button" aria-label="product photo zoom" class="btn btn--body btn--circle js-photoswipe__zoom product__photo-zoom"> <svg style="left:0;"aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><path d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58zM54 54L41.94 42"/></svg> <span class="icon__fallback-text">Close (esc)</span> </button></div></div> </div> </div> <div class="product__photo-dots product__photo-dots--8040228225187"></div> </div> <div id="ProductThumbs-8040228225187" class="product__thumbs product__thumbs--beside product__thumbs-placement--left small--hide" data-position="beside" data-arrows="" data-aos><div class="product__thumb-item" data-index="0"> <div class="image-wrap" style="height: 0; padding-bottom: 100.0%;"> <a href="//shop.hbo.com/cdn/shop/products/SATC-HL-72-100328-FT-MF_1800x1800.jpg?v=1686923029" class="product__thumb product__thumb-8040228225187 js-no-transition" data-index="0" data-id="29733859295395"><img class="animation-delay-3 lazyload" data-src="//shop.hbo.com/cdn/shop/products/SATC-HL-72-100328-FT-MF_{width}x.jpg?v=1686923029" data-widths="[360, 540, 720, 900, 1080]" data-aspectratio="1.0" data-sizes="auto" alt="Sex and The City Hello Lover Personalized Luggage Tag"> </a> </div> </div><div class="product__thumb-item" data-index="1"> <div class="image-wrap" style="height: 0; padding-bottom: 100.0%;"> <a href="//shop.hbo.com/cdn/shop/products/SATC-HL-72-100328-BK-MF_1800x1800.jpg?v=1686923029" class="product__thumb product__thumb-8040228225187 js-no-transition" data-index="1" data-id="29733859328163"><img class="animation-delay-6 lazyload" data-src="//shop.hbo.com/cdn/shop/products/SATC-HL-72-100328-BK-MF_{width}x.jpg?v=1686923029" data-widths="[360, 540, 720, 900, 1080]" data-aspectratio="1.0" data-sizes="auto" alt="Sex and The City Hello Lover Personalized Luggage Tag"> </a> </div> </div></div> </div> </div> <script type="application/json" id="ModelJson-8040228225187"> [] </script> </div><div class="grid__item medium-up--one-half description"><!-- Title Content --> <div class="content-control"><p class="h2 product-single__title"> Sex and The City Hello Lover Personalized Luggage Tag </p> <span id="PriceA11y-8040228225187" class="visually-hidden">Regular price</span><span id="ProductPrice-8040228225187" class="product__price"> $17.95 </span><span id="SavePrice-8040228225187" class="product__price-savings hide"> Save Liquid error (snippets/product-template line 212): Computation results in '-Infinity'% </span><div style="width: 100; height:20px;"></div> </div> <!-- / Title Content --> <div class="product-single__meta"> <!-- Liquid error (snippets/product-template line 246): Could not find asset snippets/product-logo.liquid --> <div class="product__unit-price product__unit-price--spacing product__unit-price-wrapper--8040228225187 hide"><span class="product__unit-price--8040228225187"></span>/<span class="product__unit-base--8040228225187"></span> </div> <style> .auto-discount{margin-top:5px;} .auto-discount p{ color: #ff0000; font-size: 14px; margin:0; padding:0; } .auto-discount a{color:#ff0000;} .auto-discount-two p{ color:#f00b0b; font-size: 14px; margin:0; padding:0; } .auto-discount-two a{color:#333333;} </style> <script> // Store inventory quantities in JS because they're no longer // available directly in JS when a variant changes. // Have an object that holds all potential products so it works // with quick view or with multiple featured products. window.inventories = window.inventories || {}; window.inventories['8040228225187'] = {}; window.inventories['8040228225187'][43439549841571] = { 'quantity': 99984, 'incoming': false, 'next_incoming_date': null }; </script> <div data-section-id="8040228225187" class="hide js-product-inventory-data" aria-hidden="true" ><div class="js-variant-inventory-data" data-id="43439549841571" data-quantity="99984" data-incoming="false" data-date="null" > </div></div><div id="ProductFormHolder-8040228225187" class="product-form-holder" data-url="/products/sex-and-the-city-hello-lover-personalized-luggage-tag" data-template=""></div><div class="product-single__description rte"> <h3>Product Details</h3> <p>Introducing the <em>Sex and The City</em> Hello Lover Accessory Bag, a chic and versatile accessory that pays homage to the iconic television series. Inspired by the fashionable and fearless women of <em>Sex and The City</em>, this accessory bag is the perfect companion for those who appreciate style, sophistication, and a touch of nostalgia.</p> <ul> <li>Spot your bag right away with this durable luggage tag!</li> <li>Fit: Measures 4.25"" x 3"" and fits most checked or carry-on bags.</li> <li>Made of: 100% plastic.</li> <li>Care: N/A.</li> </ul> <div class="description rte" itemprop="description"> <h3 class="shipping-title "> Ordering Information </h3> <ul> <li><strong>Return Policy:</strong> All personalized items are nonreturnable. We regret that we are unable to refund any personalized item.</li> <li><strong>Shipping:</strong> Ship times are estimates of time in transit after your product leaves the fulfillment center. Some items in your order may ship separately to arrive faster.</li> <li><strong>Availability:</strong> Ships to the United States and Puerto Rico.</li> <li><strong>Shipping Policy:</strong> For more information, see our Shipping Policy <a href="/pages/shipping-policy">here</a>.</li> </ul> </div> <!-- deploy test --> <style> .hide { display: none; } div#leadtime ul, div#leadtime h3.shipping-title {display: none;} div#leadtime .giftbox-text ul{display: block;} /* International Shipping Style */ .intl-icon::before { display: inline-block; content: ' '; background-image: url(https://cdn.shopify.com/s/files/1/0269/7458/4889/files/maps-and-flags.png?v=1589423363); background-size: 28px 28px; height: 28px; width: 28px; vertical-align: top; margin-right: 10px; } .intl-bold {font-weight: bold; line-height: 2.3em;} @media only screen and (max-width: 768px) { .international {text-align: center;} } /* USA Shipping Style */ .usa-icon::before { display: inline-block; content: ' '; background-image: url(https://cdn.shopify.com/s/files/1/0269/7458/4889/files/united-states-of-america.png?v=1589423363); background-size: 28px 28px; height: 28px; width: 28px; vertical-align: top; margin-right: 10px; } .usa-bold {font-weight: bold; line-height: 2.3em;} @media only screen and (max-width: 768px) { .usa {text-align: center;} } </style> <script> var waitForJQueryShippingInfo = setInterval(function () { if (typeof $ != 'undefined') { $('.shipping-title').click(function(){ $(this).toggleClass('toggled'); $('.description .order-information').slideToggle(); }); clearInterval(waitForJQueryShippingInfo); } }, 10); </script> <p id="Sku-8040228225187" class="product-single__sku"><span class="pdp-sku">SKU: </span><span class="pdp-sku-text">STC-100328-001-SATC-HL</span></p> </div> </div> </div> </div></div> </div> </div> </div> <button aria-label="quick-shop-button-8040228225187" type="button" class="modal__close js-modal-close text-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </div> </div> <div id="shopify-section-about-collection" class="shopify-section"> </div> </div> </div> </div> </div> <div id="shopify-section-collection-about" class="shopify-section"> </div> </div> </div> </main> <div id="shopify-section-footer-promotions" class="shopify-section index-section--footer"> </div> <div id="shopify-section-footer" class="shopify-section"><footer class="site-footer clearfix" data-section-id="footer" data-section-type="footer-section"> <div class="page-width"> <div class="grid"> <div class="grid__item footer__item--1494301487049" data-type="menu"> <style data-shopify> @media only screen and (min-width: 769px) and (max-width: 959px) { .footer__item--1494301487049 { width: 50%; padding-top: 40px; } .footer__item--1494301487049:nth-child(2n + 1) { clear: left; } } @media only screen and (min-width: 960px) { .footer__item--1494301487049 { width: 33%; } } </style> <p class="h4 footer__title small--hide"> Customer Service </p> <button type="button" class="h4 footer__title collapsible-trigger collapsible-trigger-btn medium-up--hide" aria-controls="Footer-1494301487049"> Customer Service <span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> <div id="Footer-1494301487049" class="collapsible-content collapsible-content--small" > <div class="collapsible-content__inner"> <div class="footer__collapsible"> <ul class="no-bullets site-footer__linklist"> <li><a href="https://help.hboshopsupport.com">Support Center</a></li> <li><a href="/pages/order-status">Order Status</a></li> <li><a href="/pages/returns-center">Returns Center Portal</a></li> <li><a href="/pages/promotional-disclaimers">Promotional Disclaimers</a></li> <li><a href="/pages/accessibility-statement">Accessibility Statement</a></li> <li><a href="/pages/return-policy">Return Policy</a></li> <li><a href="/pages/terms-of-use">Terms of Use</a></li> <li><a href="/pages/privacy-policy">Privacy Policy</a></li> <li><a href="/pages/cookie-policy">Cookie Policy</a></li> <li><a href="/pages/legal-imprint">Legal Imprint</a></li> <li><a href="/"><a class="underlined-link" id="preferenceCenterLink" href="#" onclick="ketch('showPreferences')"><img src="https://bit.ly/48YCwmT" width="25px" height="12px"> Your privacy choices</a></a></li> </ul> </div> </div> </div> </div> <div class="grid__item footer__item--1585178795848" data-type="menu"> <style data-shopify> @media only screen and (min-width: 769px) and (max-width: 959px) { .footer__item--1585178795848 { width: 50%; padding-top: 40px; } .footer__item--1585178795848:nth-child(2n + 1) { clear: left; } } @media only screen and (min-width: 960px) { .footer__item--1585178795848 { width: 33%; } } </style> <p class="h4 footer__title small--hide"> Account & Ordering </p> <button type="button" class="h4 footer__title collapsible-trigger collapsible-trigger-btn medium-up--hide" aria-controls="Footer-1585178795848"> Account & Ordering <span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> <div id="Footer-1585178795848" class="collapsible-content collapsible-content--small" > <div class="collapsible-content__inner"> <div class="footer__collapsible"> <ul class="no-bullets site-footer__linklist"> <li><a href="/account/login">My Account</a></li> <li><a href="/pages/ordering-policy">Ordering Policy</a></li> <li><a href="/pages/shipping-policy">Shipping Policy</a></li> <li><a href="/pages/volume-discounts">Volume Discounts</a></li> </ul> </div> </div> </div> </div> <div class="grid__item footer__item--1598624401985" data-type="menu"> <style data-shopify> @media only screen and (min-width: 769px) and (max-width: 959px) { .footer__item--1598624401985 { width: 50%; padding-top: 40px; } .footer__item--1598624401985:nth-child(2n + 1) { clear: left; } } @media only screen and (min-width: 960px) { .footer__item--1598624401985 { width: 33%; } } </style> <p class="h4 footer__title small--hide"> Explore HBO </p> <button type="button" class="h4 footer__title collapsible-trigger collapsible-trigger-btn medium-up--hide" aria-controls="Footer-1598624401985"> Explore HBO <span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> <div id="Footer-1598624401985" class="collapsible-content collapsible-content--small" > <div class="collapsible-content__inner"> <div class="footer__collapsible"> <ul class="no-bullets site-footer__linklist"> <li><a href="https://www.hbo.com">HBO</a></li> <li><a href="https://www.wbshop.com/">WBShop.com</a></li> <li><a href="/search">Search</a></li> <li><a href="/pages/sitemap">Sitemap</a></li> </ul> </div> </div> </div> </div> </div> <div class="left-footer"> <p class="footer__small-text"> &copy; 2025 | Snow Commerce, Inc. is the seller of all merchandise and is solely responsible for all aspects of your purchase. <br /> HBO and related copyrights, trademarks and service marks are the property of Home Box Office, Inc. </p> <p class="footer__small-text"> <a href="https://www.snowcommerce.com"> <img src="//cdn.shopify.com/s/files/1/0018/7324/8355/t/47/assets/SnowCommerce_Logo_White-01.svg?v=16966133021805334845" width="135px" alt="Company Logo"/> </a> </p> </div> <div class="right-footer"> <ul class="inline-list payment-icons footer__section"> <li class="icon--payment"> <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewBox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg> </li> <li class="icon--payment"> <svg class="icon icon--full-color" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg> </li> <li class="icon--payment"> <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg> </li> <li class="icon--payment"> <svg class="icon icon--full-color" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg> </li> <li class="icon--payment"> <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg> </li> <li class="icon--payment"> <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg> </li> <li class="icon--payment"> <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg> </li> <li class="icon--payment"> <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg> </li> <li class="icon--payment"> <svg class="icon icon--full-color" viewBox="0 0 38 24" width="38" height="24" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-venmo"><title id="pi-venmo">Venmo</title><g fill="none" fill-rule="evenodd"><rect fill-opacity=".07" fill="#000" width="38" height="24" rx="3"/><path fill="#3D95CE" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M24.675 8.36c0 3.064-2.557 7.045-4.633 9.84h-4.74L13.4 6.57l4.151-.402 1.005 8.275c.94-1.566 2.099-4.025 2.099-5.702 0-.918-.154-1.543-.394-2.058l3.78-.783c.437.738.634 1.499.634 2.46z" fill="#FFF" fill-rule="nonzero"/></g></svg> </li> <li class="icon--payment"> <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg> </li> </ul> </div> </div> </footer> <style data-shopify> .left-footer .footer__small-text{ text-align:left; } @media screen and (max-width:720px){ .left-footer .footer__small-text{ text-align:center; } } </style> </div> <style data-shopify> /*=================================== BACK TO TOP BUTTON ====================================*/ .hidden { display: none !important; } #backToTop { position: fixed; bottom: 84px; right: 10px; z-index: 10; display: inline-flex; align-items: center; justify-content: center; border-color: transparent; cursor: pointer; } #backToTop { background: #000000; border-radius: 0%; width: 40px; height: 40px; right: 20px; bottom: 84px; } #backToTopSVG { margin-top: 2px; } </style> <button class="hidden" id="backToTop" title="Back to Top" type="button" tabindex="0" role="button"> <!--?xml version="1.0" encoding="utf-8"?--> <svg id="backToTopSVG" version="1.1" id="Layer_2" fill="#FFFFFF" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 173.7 200" xml:space="preserve"> <g id="wDuPTu_1_"> <g> <path d="M70.8,64c0,1,0,1.9,0,2.8c0,10.1,0,20.3,0,30.4c0,10.9,0,21.8,0,32.6c0,11.1,0,22.2,0,33.3c0,10.3,0,20.5,0,30.8 c0,0.2,0,0.4,0,0.7h31.1c0-1,0-1.9,0-2.9c0-9.9,0-19.7,0-29.6c0-11.7,0-23.4,0-35.2c0-10.1,0-20.2,0-30.4c0-10,0-20,0-29.9 c0-0.9,0-1.7,0-2.6c0.1,0,0.2-0.1,0.3-0.1c13.8,13.8,27.5,27.6,41.4,41.5c7.2-7.3,14.4-14.4,21.4-21.6 c-26.2-26.2-52.4-52.5-78.6-78.8C60.1,31.4,33.9,57.7,7.7,83.9C14.8,91,22,98.2,29.3,105.5C43.1,91.7,56.9,77.9,70.8,64z"> </path> </g> </g> </svg> </button> </div> </div><script id="CartTemplate" type="text/template"> <div class="drawer__scrollable"> {{#items}} <div class="ajaxcart__product appear-animation appear-delay-{{animationRow}}"> <div class="ajaxcart__row"> <div class="grid"> <div class="grid__item one-third"> <a href="{{url}}" class="ajaxcart__product-image"><img src="{{img}}" alt="{{name}}"></a> </div> <div class="grid__item two-thirds"> <div class="ajaxcart__product-name--wrapper"> <a href="{{url}}" class="ajaxcart__product-name">{{{name}}}</a> {{#if variation}} <span class="ajaxcart__product-meta">{{variation}}</span> {{/if}} {{#properties}} {{#each this}} {{#if this}} <span class="ajaxcart__product-meta" data-key="{{@key}}" data-property="{{ this }}">{{@key}}: {{this}}</span> {{/if}} {{/each}} {{/properties}} {{#if p_message}} <p class="ajaxcart_preorder-message">{{p_message}}</p> {{/if}} </div> <div class="grid grid--full display-table"> <div class="grid__item display-table-cell one-half"> <div class="ajaxcart__quantity"> <label for="updates_{{key}}" class="visually-hidden">Quantity</label> <div class="js-qty__wrapper"> <input type="text" id="updates_{{key}}" class="js-qty__num" value="{{itemQty}}" data-id="{{key}}" min="0" aria-label="quantity" pattern="[0-9]*" name="updates[]"> <button type="button" class="js-qty__adjust js-qty__adjust--minus" aria-label="Reduce item quantity by one"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> <span class="icon__fallback-text" aria-hidden="true">&minus;</span> </button> <button type="button" class="js-qty__adjust js-qty__adjust--plus" aria-label="Increase item quantity by one"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <span class="icon__fallback-text" aria-hidden="true">+</span> </button> </div> </div> </div> <div class="grid__item display-table-cell one-half text-right"> {{#if discountsApplied}} <small class="cart__price--strikethrough">{{{price}}}</small> <span class="ajaxcart__price"> {{{discountedPrice}}} </span> {{else}} <span class="ajaxcart__price"> {{{price}}} </span> {{/if}} </div> </div> <div class="grid grid--full display-table"> {{#if discountsApplied}} <div class="grid__item text-right"> {{#each discounts}} <small class="ajaxcart__discount cart__discount"> {{this.discount_application.title}} (-{{{this.formattedAmount}}}) </small> {{/each}} </div> {{/if}} {{#if unitBase}} <div class="grid__item text-right"> <div class="product__unit-price"> {{{ unitPrice }}}/{{{ unitBase }}} </div> </div> {{/if}} </div> </div> </div> </div> </div> {{/items}} </div> <div class="drawer__footer appear-animation appear-delay-{{lastAnimationRow}}"> {{#if cartDiscounts }} <div class="grid grid--full"> <p class="ajaxcart__note"> Have a discount code? Continue to checkout to redeem it. </p> <br /> <div class="grid__item one-half"> <p class="ajaxcart__subtotal">Discounts</p> </div> <div class="grid__item one-half text-right"> {{#each cartDiscounts}} <p class="ajaxcart__price cart__discount"> {{this.title}} (-{{{this.formattedAmount}}}) </p> {{/each}} </div> </div> {{/if}} <div class="grid grid--full"> <p class="ajaxcart__note" style="font-weight: bold;"> Have a discount code? Continue to checkout to redeem it. </p> <br /> <div class="free-shipping-cart"></div> <div class="grid__item one-half"> <p class="ajaxcart__subtotal">Subtotal</p> </div> <div class="grid__item one-half text-right"> <p class="ajaxcart__price">{{{totalPrice}}}</p> </div> </div> <p class="ajaxcart__note"> Shipping, taxes, and discounts codes calculated at checkout. </p> <div class="additional-checkout-buttons additional-checkout-buttons--vertical"><div class="dynamic-checkout__content" id="dynamic-checkout-cart" data-shopify="dynamic-checkout-cart"></div></div> <button type="submit" class="btn hbo-btn btn--full cart__checkout" name="checkout"> Checkout </button> </div> </script> <script id="PredictiveTemplate" type="text/template"> <div class="predictive-result__layout"> {{#if products}} <div data-type-products> <div class="grid grid--uniform"> {{#products}} <div class="grid__item grid-product small--one-half medium-up--one-quarter" data-aos="row-of-4"> <div class="grid-product__content"> {{#if custom_label }} <div class="grid-product__tag grid-product__tag--custom"> {{custom_label}} </div> {{/if}} {{#if on_sale }} <div class="grid-product__tag grid-product__tag--sale"> Save </div> {{/if}} <a href="{{url}}" class="grid-product__link"> <div class="grid-product__image-mask"> <div class="grid__image-ratio grid__image-ratio--object grid__image-ratio--square"> <div class="predictive__image-wrap"> {{#if image }} <img class="image-fit lazyload" data-src="{{image}}" data-widths="[180, 360, 540, 720]" data-sizes="auto"> {{/if}} </div> </div> </div> <div class="grid-product__meta"> <div class="grid-product__title grid-product__title--body"> {{title}} </div> </div> </a> </div> </div> {{/products}} </div> </div> {{/if}} {{#if pages}} <div data-type-pages> <p class="h6 predictive__label">Pages:</p> {{#pages}} <div> <a href="{{url}}"> {{title}} </a> </div> {{/pages}} </div> {{/if}} {{#if articles}} <div data-type-articles> <p class="h6 predictive__label">Articles:</p> <div class="grid grid--uniform"> {{#articles}} <div class="grid__item grid-product small--one-half medium-up--one-quarter" data-aos="row-of-4"> <a href="{{url}}" class="grid-product__link grid-product__link--inline"> <div class="grid-product__image-mask"> <div class="grid__image-ratio grid__image-ratio--object grid__image-ratio--square"> <div class="predictive__image-wrap"> {{#if image }} <img class="image-fit lazyload" data-src="{{image}}" data-widths="[180, 360, 540, 720]" data-sizes="auto"> {{/if}} </div> </div> </div> <div class="grid-product__meta"> {{title}} </div> </a> </div> {{/articles}} </div> </div> {{/if}} </div> </script> <div id="VideoModal" class="modal modal--solid"> <div class="modal__inner"> <div class="modal__centered page-width text-center"> <div class="modal__centered-content"> <div class="video-wrapper video-wrapper--modal"> <div id="VideoHolder"></div> </div> </div> </div> </div> <button type="button" class="modal__close js-modal-close text-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> <div class="pswp__bg"></div> <div class="pswp__scroll-wrap"> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <div class="pswp__ui pswp__ui--hidden"> <button class="btn btn--body btn--circle pswp__button pswp__button--arrow--left" title="Previous"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-left" viewBox="0 0 284.49 498.98"><path d="M249.49 0a35 35 0 0 1 24.75 59.75L84.49 249.49l189.75 189.74a35.002 35.002 0 1 1-49.5 49.5L10.25 274.24a35 35 0 0 1 0-49.5L224.74 10.25A34.89 34.89 0 0 1 249.49 0z"/></svg> </button> <button class="btn btn--body btn--circle btn--large pswp__button pswp__button--close" title="Close (esc)"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> </button> <button class="btn btn--body btn--circle pswp__button pswp__button--arrow--right" title="Next"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-right" viewBox="0 0 284.49 498.98"><path d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98z"/></svg> </button> </div> </div> </div> <link rel="dns-prefetch" href="https://swymstore-v3free-01.swymrelay.com" crossorigin> <link rel="dns-prefetch" href="//swymv3free-01.azureedge.net/code/swym-shopify.js"> <link rel="preconnect" href="//swymv3free-01.azureedge.net/code/swym-shopify.js"> <script id="swym-snippet"> window.swymLandingURL = document.URL; window.swymCart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}; window.swymPageLoad = function(){ window.SwymProductVariants = window.SwymProductVariants || {}; window.SwymHasCartItems = 0 > 0; window.SwymPageData = {}, window.SwymProductInfo = {}; var collection = {"id":296872640675,"handle":"luggage-tags","title":"Luggage Tags","updated_at":"2025-02-19T02:35:35-05:00","body_html":"","published_at":"2023-05-16T14:58:09-04:00","sort_order":"manual","template_suffix":"","disjunctive":false,"rules":[{"column":"tag","relation":"equals","condition":"Luggage Tags"}],"published_scope":"global"}; if (typeof collection === "undefined" || collection == null || collection.toString().trim() == ""){ var unknown = {et: 0}; window.SwymPageData = unknown; }else{ var image = ""; if (typeof collection.image === "undefined" || collection.image == null || collection.image.toString().trim() == ""){} else{image = collection.image.src;} var collection_data = { et: 2, dt: "Luggage Tags", du: "https://shop.hbo.com/collections/luggage-tags", iu: image } window.SwymPageData = collection_data; } window.SwymPageData.uri = window.swymLandingURL; }; if(window.selectCallback){ (function(){ // Variant select override var originalSelectCallback = window.selectCallback; window.selectCallback = function(variant){ originalSelectCallback.apply(this, arguments); try{ if(window.triggerSwymVariantEvent){ window.triggerSwymVariantEvent(variant.id); } }catch(err){ console.warn("Swym selectCallback", err); } }; })(); } window.swymCustomerId = null; window.swymCustomerExtraCheck = null; var swappName = ("Wishlist" || "Wishlist"); var swymJSObject = { pid: "iG7yEpq4ajJRgMsBLugJIRjoUe9cZeaCBgiWiQoMjWA=" || "iG7yEpq4ajJRgMsBLugJIRjoUe9cZeaCBgiWiQoMjWA=", interface: "/apps/swym" + swappName + "/interfaces/interfaceStore.php?appname=" + swappName }; window.swymJSShopifyLoad = function(){ if(window.swymPageLoad) swymPageLoad(); if(!window._swat) { (function (s, w, r, e, l, a, y) { r['SwymRetailerConfig'] = s; r[s] = r[s] || function (k, v) { r[s][k] = v; }; })('_swrc', '', window); _swrc('RetailerId', swymJSObject.pid); _swrc('Callback', function(){initSwymShopify();}); }else if(window._swat.postLoader){ _swrc = window._swat.postLoader; _swrc('RetailerId', swymJSObject.pid); _swrc('Callback', function(){initSwymShopify();}); }else{ initSwymShopify(); } } if(!window._SwymPreventAutoLoad) { swymJSShopifyLoad(); } window.swymGetCartCookies = function(){ var RequiredCookies = ["cart", "swym-session-id", "swym-swymRegid", "swym-email"]; var reqdCookies = {}; RequiredCookies.forEach(function(k){ reqdCookies[k] = _swat.storage.getRaw(k); }); var cart_token = window.swymCart.token; var data = { action:'cart', token:cart_token, cookies:reqdCookies }; return data; } window.swymGetCustomerData = function(){ return {status:1}; } </script> <style id="safari-flasher-pre"></style> <script> if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) { document.getElementById("safari-flasher-pre").innerHTML = '' + '#swym-plugin,#swym-hosted-plugin{display: none;}' + '.swym-button.swym-add-to-wishlist{display: none;}' + '.swym-button.swym-add-to-watchlist{display: none;}' + '#swym-plugin #swym-notepad, #swym-hosted-plugin #swym-notepad{opacity: 0; visibility: hidden;}' + '#swym-plugin #swym-notepad, #swym-plugin #swym-overlay, #swym-plugin #swym-notification,' + '#swym-hosted-plugin #swym-notepad, #swym-hosted-plugin #swym-overlay, #swym-hosted-plugin #swym-notification' + '{-webkit-transition: none; transition: none;}' + ''; window.SwymCallbacks = window.SwymCallbacks || []; window.SwymCallbacks.push(function(tracker){ tracker.evtLayer.addEventListener(tracker.JSEvents.configLoaded, function(){ // flash-preventer var x = function(){ SwymUtils.onDOMReady(function() { var d = document.createElement("div"); d.innerHTML = "<style id='safari-flasher-post'>" + "#swym-plugin:not(.swym-ready),#swym-hosted-plugin:not(.swym-ready){display: none;}" + ".swym-button.swym-add-to-wishlist:not(.swym-loaded){display: none;}" + ".swym-button.swym-add-to-watchlist:not(.swym-loaded){display: none;}" + "#swym-plugin.swym-ready #swym-notepad, #swym-plugin.swym-ready #swym-overlay, #swym-plugin.swym-ready #swym-notification," + "#swym-hosted-plugin.swym-ready #swym-notepad, #swym-hosted-plugin.swym-ready #swym-overlay, #swym-hosted-plugin.swym-ready #swym-notification" + "{-webkit-transition: opacity 0.3s, visibility 0.3ms, -webkit-transform 0.3ms !important;-moz-transition: opacity 0.3s, visibility 0.3ms, -moz-transform 0.3ms !important;-ms-transition: opacity 0.3s, visibility 0.3ms, -ms-transform 0.3ms !important;-o-transition: opacity 0.3s, visibility 0.3ms, -o-transform 0.3ms !important;transition: opacity 0.3s, visibility 0.3ms, transform 0.3ms !important;}" + "</style>"; document.head.appendChild(d); }); }; setTimeout(x, 10); }); }); } // Get the money format for the store from shopify window.SwymOverrideMoneyFormat = "${{amount}}"; </script> <style id="swym-product-view-defaults"> /* Hide when not loaded */ .swym-button.swym-add-to-wishlist-view-product:not(.swym-loaded){ display: none; } </style> <script src="https://a.klaviyo.com/media/js/onsite/onsite.js"></script> <script> var klaviyo = klaviyo || []; klaviyo.init({ account: "X7PjC4", platform: "shopify" }); klaviyo.enable("backinstock",{ trigger: { product_page_text: "Notify Me When Available", product_page_class: "btn", product_page_text_align: "center", product_page_margin: "0px", replace_anchor: false }, modal: { headline: "{product_name}", body_content: "Register to receive a notification when this item comes back in stock.", email_field_label: "Email", button_label: "Notify me when available", subscription_success_label: "You're in! We'll let you know when it's back.", footer_content: '', additional_styles: "@import url('https://fonts.googleapis.com/css?family=Helvetica+Neue');", drop_background_color: "#000", background_color: "#fff", text_color: "#222", button_text_color: "#fff", button_background_color: "#439fdb", close_button_color: "#ccc", error_background_color: "#fcd6d7", error_text_color: "#C72E2F", success_background_color: "#d3efcd", success_text_color: "#1B9500" } }); </script> <style data-shopify> .needsclick div{padding:0 0 5px 0 !important;} .newsletter-section .needsclick div{padding:0 !important;} </style> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10