It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://freexxx.lol

  1. <!doctype html>
  2. <html class="no-js" lang="en>
  3.  
  4.  lang="en"
  5. >
  6.  <head>
  7.    
  8.  
  9.  
  10. <meta charset="utf-8">
  11. <meta
  12.  http-equiv="X-UA-Compatible"
  13.  content="IE=edge"
  14. >
  15. <meta
  16.  name="viewport"
  17.  content="width=device-width,initial-scale=1"
  18. >
  19. <meta
  20.  name="view-transition"
  21.  content="same-origin"
  22. >
  23. <meta
  24.  name="theme-color"
  25.  content=""
  26. >
  27.  
  28. <meta
  29.  property="og:site_name"
  30.  content="Me.LOL"
  31. >
  32. <meta
  33.  property="og:url"
  34.  content="https://me.lol/products/put-it-on-a-free-shirt"
  35. >
  36. <meta
  37.  property="og:title"
  38.  content="You had one thought. We made it wearable."
  39. >
  40. <meta
  41.  property="og:type"
  42.  content="product"
  43. >
  44. <meta
  45.  property="og:description"
  46.  content="Free shirt. $14.99 to make it your problem. Pick your size. We print the domain name on the shirt. Add the pointing finger for $4.99 and it points outward at whoever&#39;s reading it. Every domain name points back here. That&#39;s the whole joke."
  47. ><meta
  48.    property="og:image"
  49.    content="http://me.lol/cdn/shop/files/FinalFlatShirt.png?v=1779400967"
  50.  >
  51.  <meta
  52.    property="og:image:secure_url"
  53.    content="https://me.lol/cdn/shop/files/FinalFlatShirt.png?v=1779400967"
  54.  >
  55.  <meta
  56.    property="og:image:width"
  57.    content="600"
  58.  >
  59.  <meta
  60.    property="og:image:height"
  61.    content="600"
  62.  ><meta
  63.    property="og:price:amount"
  64.    content="0.00"
  65.  >
  66.  <meta
  67.    property="og:price:currency"
  68.    content="USD"
  69.  ><meta
  70.  name="twitter:card"
  71.  content="summary_large_image"
  72. >
  73. <meta
  74.  name="twitter:title"
  75.  content="You had one thought. We made it wearable."
  76. >
  77. <meta
  78.  name="twitter:description"
  79.  content="Free shirt. $14.99 to make it your problem. Pick your size. We print the domain name on the shirt. Add the pointing finger for $4.99 and it points outward at whoever&#39;s reading it. Every domain name points back here. That&#39;s the whole joke."
  80. >
  81.  
  82. <title>
  83.  You had one thought. We made it wearable.
  84. &ndash; Me.LOL</title>
  85.  
  86. <link
  87.  rel="canonical"
  88.  href="https://me.lol/products/put-it-on-a-free-shirt"
  89. >
  90.  
  91.  
  92.  <meta
  93.    name="description"
  94.    content="Free shirt. $14.99 to make it your problem. Pick your size. We print the domain name on the shirt. Add the pointing finger for $4.99 and it points outward at whoever&#39;s reading it. Every domain name points back here. That&#39;s the whole joke."
  95.  >
  96.  
  97. <link href="//me.lol/cdn/shop/t/1/assets/overflow-list.css?v=16727044177065489451774804913" as="style" rel="preload">
  98. <link href="//me.lol/cdn/shop/t/1/assets/base.css?v=80415010869825589501774804913" rel="stylesheet" type="text/css" media="all" />
  99.  
  100.  
  101. <script type="importmap">
  102.  {
  103.    "imports": {
  104.      "@theme/overflow-list": "//me.lol/cdn/shop/t/1/assets/overflow-list.js?v=46858356770684902511774804913",
  105.      "@theme/product-title": "//me.lol/cdn/shop/t/1/assets/product-title-truncation.js?v=81744426891537421781774804913",
  106.      "@theme/component": "//me.lol/cdn/shop/t/1/assets/component.js?v=184240237101443119871774804913",
  107.      "@theme/dialog": "//me.lol/cdn/shop/t/1/assets/dialog.js?v=150888536568694194021774804913",
  108.      "@theme/events": "//me.lol/cdn/shop/t/1/assets/events.js?v=1118589085892804011774804913",
  109.      "@theme/focus": "//me.lol/cdn/shop/t/1/assets/focus.js?v=60436577539430446401774804913",
  110.      "@theme/morph": "//me.lol/cdn/shop/t/1/assets/morph.js?v=104045809772310330131774804913",
  111.      "@theme/paginated-list": "//me.lol/cdn/shop/t/1/assets/paginated-list.js?v=95298315036233333871774804913",
  112.      "@theme/performance": "//me.lol/cdn/shop/t/1/assets/performance.js?v=171015751390534793081774804913",
  113.      "@theme/product-form": "//me.lol/cdn/shop/t/1/assets/product-form.js?v=142170751179338062901774804913",
  114.      "@theme/recently-viewed-products": "//me.lol/cdn/shop/t/1/assets/recently-viewed-products.js?v=94729125001750262651774804913",
  115.      "@theme/scrolling": "//me.lol/cdn/shop/t/1/assets/scrolling.js?v=162288454571026455011774804913",
  116.      "@theme/section-renderer": "//me.lol/cdn/shop/t/1/assets/section-renderer.js?v=170547751348887101551774804913",
  117.      "@theme/section-hydration": "//me.lol/cdn/shop/t/1/assets/section-hydration.js?v=108434990705342316311774804913",
  118.      "@theme/money-formatting": "//me.lol/cdn/shop/t/1/assets/money-formatting.js?v=182191346160333327151774804913",
  119.      "@theme/utilities": "//me.lol/cdn/shop/t/1/assets/utilities.js?v=28506172887375975941774804913",
  120.      "@theme/variant-picker": "//me.lol/cdn/shop/t/1/assets/variant-picker.js?v=24924540959574313291774804913",
  121.      "@theme/media-gallery": "//me.lol/cdn/shop/t/1/assets/media-gallery.js?v=14624021005636302161774804913",
  122.      "@theme/quick-add": "//me.lol/cdn/shop/t/1/assets/quick-add.js?v=114575661933533593881774804913",
  123.      "@theme/paginated-list-aspect-ratio": "//me.lol/cdn/shop/t/1/assets/paginated-list-aspect-ratio.js?v=25254270272143792451774804913",
  124.      "@theme/popover-polyfill": "//me.lol/cdn/shop/t/1/assets/popover-polyfill.js?v=119029313658895111201774804913",
  125.      "@theme/component-quantity-selector": "//me.lol/cdn/shop/t/1/assets/component-quantity-selector.js?v=67906657287482036641774804913",
  126.      "@theme/comparison-slider": "//me.lol/cdn/shop/t/1/assets/comparison-slider.js?v=106705562947035711941774804913",
  127.      "@theme/sticky-add-to-cart": "//me.lol/cdn/shop/t/1/assets/sticky-add-to-cart.js?v=48956925339276737091774804913",
  128.      "@theme/fly-to-cart": "//me.lol/cdn/shop/t/1/assets/fly-to-cart.js?v=48483246440248933081774804913"
  129.    }
  130.  }
  131. </script>
  132.  
  133. <script
  134.  src="//me.lol/cdn/shop/t/1/assets/view-transitions.js?v=7106414069516106341774804913"
  135.  async
  136.  
  137. ></script>
  138.  
  139. <link
  140.  rel="modulepreload"
  141.  href="//me.lol/cdn/shop/t/1/assets/utilities.js?v=28506172887375975941774804913"
  142.  fetchpriority="low"
  143. >
  144. <link
  145.  rel="modulepreload"
  146.  href="//me.lol/cdn/shop/t/1/assets/component.js?v=184240237101443119871774804913"
  147.  fetchpriority="low"
  148. >
  149. <link
  150.  rel="modulepreload"
  151.  href="//me.lol/cdn/shop/t/1/assets/section-renderer.js?v=170547751348887101551774804913"
  152.  fetchpriority="low"
  153. >
  154. <link
  155.  rel="modulepreload"
  156.  href="//me.lol/cdn/shop/t/1/assets/section-hydration.js?v=108434990705342316311774804913"
  157.  fetchpriority="low"
  158. >
  159. <link
  160.  rel="modulepreload"
  161.  href="//me.lol/cdn/shop/t/1/assets/morph.js?v=104045809772310330131774804913"
  162.  fetchpriority="low"
  163. >
  164.  
  165.  
  166.  
  167. <link
  168.  rel="modulepreload"
  169.  href="//me.lol/cdn/shop/t/1/assets/focus.js?v=60436577539430446401774804913"
  170.  fetchpriority="low"
  171. >
  172. <link
  173.  rel="modulepreload"
  174.  href="//me.lol/cdn/shop/t/1/assets/recently-viewed-products.js?v=94729125001750262651774804913"
  175.  fetchpriority="low"
  176. >
  177. <link
  178.  rel="modulepreload"
  179.  href="//me.lol/cdn/shop/t/1/assets/scrolling.js?v=162288454571026455011774804913"
  180.  fetchpriority="low"
  181. >
  182. <link
  183.  rel="modulepreload"
  184.  href="//me.lol/cdn/shop/t/1/assets/events.js?v=1118589085892804011774804913"
  185.  fetchpriority="low"
  186. >
  187. <script
  188.  src="//me.lol/cdn/shop/t/1/assets/popover-polyfill.js?v=119029313658895111201774804913"
  189.  type="module"
  190.  fetchpriority="low"
  191. ></script>
  192. <script
  193.  src="//me.lol/cdn/shop/t/1/assets/overflow-list.js?v=46858356770684902511774804913"
  194.  type="module"
  195.  fetchpriority="low"
  196. ></script>
  197. <script
  198.  src="//me.lol/cdn/shop/t/1/assets/quick-add.js?v=114575661933533593881774804913"
  199.  type="module"
  200.  fetchpriority="low"
  201. ></script>
  202.  
  203.  <script
  204.    src="//me.lol/cdn/shop/t/1/assets/cart-discount.js?v=107077853990124422021774804913"
  205.    type="module"
  206.    fetchpriority="low"
  207.  ></script>
  208.  
  209.  
  210. <script
  211.  src="//me.lol/cdn/shop/t/1/assets/dialog.js?v=150888536568694194021774804913"
  212.  type="module"
  213.  fetchpriority="low"
  214. ></script>
  215. <script
  216.  src="//me.lol/cdn/shop/t/1/assets/variant-picker.js?v=24924540959574313291774804913"
  217.  type="module"
  218.  fetchpriority="low"
  219. ></script>
  220. <script
  221.  src="//me.lol/cdn/shop/t/1/assets/product-card.js?v=28695665944407642501774804913"
  222.  type="module"
  223.  fetchpriority="low"
  224. ></script>
  225. <script
  226.  src="//me.lol/cdn/shop/t/1/assets/product-form.js?v=142170751179338062901774804913"
  227.  type="module"
  228.  fetchpriority="low"
  229. ></script>
  230. <script
  231.  src="//me.lol/cdn/shop/t/1/assets/fly-to-cart.js?v=48483246440248933081774804913"
  232.  type="module"
  233.  fetchpriority="low"
  234. ></script>
  235. <script
  236.  src="//me.lol/cdn/shop/t/1/assets/accordion-custom.js?v=97588419883090888471774804913"
  237.  type="module"
  238.  fetchpriority="low"
  239. ></script>
  240. <script
  241.  src="//me.lol/cdn/shop/t/1/assets/media.js?v=37825095869491791421774804913"
  242.  type="module"
  243.  fetchpriority="low"
  244. ></script>
  245. <script
  246.  src="//me.lol/cdn/shop/t/1/assets/product-price.js?v=83480980452100801711774804913"
  247.  type="module"
  248.  fetchpriority="low"
  249. ></script>
  250. <script
  251.  src="//me.lol/cdn/shop/t/1/assets/product-sku.js?v=121804655373531320511774804913"
  252.  type="module"
  253.  fetchpriority="low"
  254. ></script>
  255. <script
  256.  src="//me.lol/cdn/shop/t/1/assets/product-title-truncation.js?v=81744426891537421781774804913"
  257.  type="module"
  258.  fetchpriority="low"
  259. ></script>
  260. <script
  261.  src="//me.lol/cdn/shop/t/1/assets/product-inventory.js?v=81520546963552472391774804913"
  262.  type="module"
  263.  fetchpriority="low"
  264. ></script>
  265. <script
  266.  src="//me.lol/cdn/shop/t/1/assets/show-more.js?v=94563802205717136101774804913"
  267.  type="module"
  268.  fetchpriority="low"
  269. ></script>
  270. <script
  271.  src="//me.lol/cdn/shop/t/1/assets/slideshow.js?v=168726587398279102001774804913"
  272.  type="module"
  273.  fetchpriority="low"
  274. ></script>
  275. <script
  276.  src="//me.lol/cdn/shop/t/1/assets/layered-slideshow.js?v=30135417790894624731774804913"
  277.  type="module"
  278.  fetchpriority="low"
  279. ></script>
  280. <script
  281.  src="//me.lol/cdn/shop/t/1/assets/anchored-popover.js?v=95953304814728754461774804913"
  282.  type="module"
  283.  fetchpriority="low"
  284. ></script>
  285. <script
  286.  src="//me.lol/cdn/shop/t/1/assets/floating-panel.js?v=151277338116891310371774804913"
  287.  type="module"
  288.  fetchpriority="low"
  289. ></script>
  290. <script
  291.  src="//me.lol/cdn/shop/t/1/assets/video-background.js?v=25237992823806706551774804913"
  292.  type="module"
  293.  fetchpriority="low"
  294. ></script>
  295. <script
  296.  src="//me.lol/cdn/shop/t/1/assets/component-quantity-selector.js?v=67906657287482036641774804913"
  297.  type="module"
  298.  fetchpriority="low"
  299. ></script>
  300. <script
  301.  src="//me.lol/cdn/shop/t/1/assets/media-gallery.js?v=14624021005636302161774804913"
  302.  type="module"
  303.  fetchpriority="low"
  304. ></script>
  305. <script
  306.  src="//me.lol/cdn/shop/t/1/assets/rte-formatter.js?v=40306132146590816021774804913"
  307.  type="module"
  308.  fetchpriority="low"
  309. ></script>
  310. <script
  311.  src="//me.lol/cdn/shop/t/1/assets/volume-pricing.js?v=15442793518842484731774804913"
  312.  type="module"
  313.  fetchpriority="low"
  314. ></script>
  315. <script
  316.  src="//me.lol/cdn/shop/t/1/assets/price-per-item.js?v=144512917617120124431774804913"
  317.  type="module"
  318.  fetchpriority="low"
  319. ></script>
  320. <script
  321.  src="//me.lol/cdn/shop/t/1/assets/volume-pricing-info.js?v=94479640769665442661774804913"
  322.  type="module"
  323.  fetchpriority="low"
  324. ></script>
  325.  
  326.  
  327.  
  328.  
  329.  <script
  330.    src="//me.lol/cdn/shop/t/1/assets/fly-to-cart.js?v=48483246440248933081774804913"
  331.    type="module"
  332.    fetchpriority="low"
  333.  ></script>
  334.  <script
  335.    src="//me.lol/cdn/shop/t/1/assets/sticky-add-to-cart.js?v=48956925339276737091774804913"
  336.    type="module"
  337.    fetchpriority="low"
  338.  ></script>
  339.  <script type="module">
  340.    import { RecentlyViewed } from '@theme/recently-viewed-products';
  341.    RecentlyViewed.addProduct('8369995022523');
  342.  </script>
  343.  
  344.  
  345. <script
  346.  src="//me.lol/cdn/shop/t/1/assets/auto-close-details.js?v=58350291535404441581774804913"
  347.  defer="defer"
  348. ></script>
  349.  
  350. <script>
  351.  const Theme = {
  352.    translations: {
  353.      placeholder_image: `Placeholder image`,
  354.      added: `Added`,
  355.      recipient_form_fields_visible: `Recipient form fields are now visible`,
  356.      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
  357.      recipient_form_error: `There was an error with the form submission`,
  358.      items_added_to_cart_one: `1 item added to cart`,
  359.      items_added_to_cart_other: `{{ count }} items added to cart`,
  360.      cart_count: `Total items in cart`,
  361.    },
  362.    routes: {
  363.      cart_add_url: '/cart/add.js',
  364.      cart_change_url: '/cart/change',
  365.      cart_update_url: '/cart/update',
  366.      cart_url: '/cart',
  367.      predictive_search_url: '/search/suggest',
  368.      search_url: '/search',
  369.    },
  370.    template: {
  371.      name: 'product',
  372.    },
  373.  };
  374. </script>
  375. <style data-shopify>
  376. @font-face {
  377.  font-family: Inter;
  378.  font-weight: 400;
  379.  font-style: normal;
  380.  font-display: swap;
  381.  src: url("//me.lol/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"),
  382.       url("//me.lol/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff");
  383. }
  384. @font-face {
  385.  font-family: Inter;
  386.  font-weight: 700;
  387.  font-style: normal;
  388.  font-display: swap;
  389.  src: url("//me.lol/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
  390.       url("//me.lol/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
  391. }
  392. @font-face {
  393.  font-family: Inter;
  394.  font-weight: 400;
  395.  font-style: italic;
  396.  font-display: swap;
  397.  src: url("//me.lol/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"),
  398.       url("//me.lol/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff");
  399. }
  400. @font-face {
  401.  font-family: Inter;
  402.  font-weight: 700;
  403.  font-style: italic;
  404.  font-display: swap;
  405.  src: url("//me.lol/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
  406.       url("//me.lol/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
  407. }
  408. @font-face {
  409.  font-family: Inter;
  410.  font-weight: 500;
  411.  font-style: normal;
  412.  font-display: swap;
  413.  src: url("//me.lol/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2") format("woff2"),
  414.       url("//me.lol/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff") format("woff");
  415. }
  416. @font-face {
  417.  font-family: Inter;
  418.  font-weight: 500;
  419.  font-style: italic;
  420.  font-display: swap;
  421.  src: url("//me.lol/cdn/fonts/inter/inter_i5.4474f48e6ab2b1e01aa2b6d942dd27fa24f2d99f.woff2") format("woff2"),
  422.       url("//me.lol/cdn/fonts/inter/inter_i5.493dbd6ee8e49f4ad722ebb68d92f201af2c2f56.woff") format("woff");
  423. }
  424.  
  425.  
  426.  :root {
  427.    /* Page Layout */
  428.    --sidebar-width: 25rem;
  429.    --narrow-content-width: 36rem;
  430.    --normal-content-width: 42rem;
  431.    --wide-content-width: 46rem;
  432.    --narrow-page-width: 90rem;
  433.    --normal-page-width: 120rem;
  434.    --wide-page-width: 150rem;
  435.  
  436.    /* Section Heights */
  437.    --section-height-small: 15rem;
  438.    --section-height-medium: 25rem;
  439.    --section-height-large: 35rem;
  440.  
  441.    @media screen and (min-width: 40em) {
  442.      --section-height-small: 40svh;
  443.      --section-height-medium: 55svh;
  444.      --section-height-large: 70svh;
  445.    }
  446.  
  447.    @media screen and (min-width: 60em) {
  448.      --section-height-small: 50svh;
  449.      --section-height-medium: 65svh;
  450.      --section-height-large: 80svh;
  451.    }
  452.  
  453.    /* Letter spacing */
  454.    --letter-spacing-sm: 0.06em;
  455.    --letter-spacing-md: 0.13em;
  456.  
  457.    /* Font families */
  458.    --font-body--family: Inter, sans-serif;
  459.    --font-body--style: normal;
  460.    --font-body--weight: 400;
  461.    --font-subheading--family: Inter, sans-serif;
  462.    --font-subheading--style: normal;
  463.    --font-subheading--weight: 500;
  464.    --font-heading--family: Inter, sans-serif;
  465.    --font-heading--style: normal;
  466.    --font-heading--weight: 700;
  467.    --font-accent--family: Inter, sans-serif;
  468.    --font-accent--style: normal;
  469.    --font-accent--weight: 700;
  470.  
  471.    /* Margin sizes */
  472.    --font-heading--spacing: 0.25em;
  473.    --font-h1--spacing: var(--font-heading--spacing);
  474.    --font-h2--spacing: var(--font-heading--spacing);
  475.    --font-h3--spacing: var(--font-heading--spacing);
  476.    --font-h4--spacing: var(--font-heading--spacing);
  477.    --font-h5--spacing: var(--font-heading--spacing);
  478.    --font-h6--spacing: var(--font-heading--spacing);
  479.    --font-paragraph--spacing: 0.5em;
  480.  
  481.    /* Heading colors */
  482.    --font-h1--color: var(--color-foreground-heading);
  483.    --font-h2--color: var(--color-foreground-heading);
  484.    --font-h3--color: var(--color-foreground-heading);
  485.    --font-h4--color: var(--color-foreground-heading);
  486.    --font-h5--color: var(--color-foreground-heading);
  487.    --font-h6--color: var(--color-foreground-heading);
  488.  
  489.    /** Z-Index / Layering */
  490.    --layer-section-background: -2;
  491.    --layer-lowest: -1;
  492.    --layer-base: 0;
  493.    --layer-flat: 1;
  494.    --layer-raised: 2;
  495.    --layer-heightened: 4;
  496.    --layer-sticky: 8;
  497.    --layer-window-overlay: 10;
  498.    --layer-header-menu: 12;
  499.    --layer-overlay: 16;
  500.    --layer-menu-drawer: 18;
  501.    --layer-temporary: 20;
  502.  
  503.    /* Max-width / Measure */
  504.    --max-width--body-normal: 32.5em;
  505.    --max-width--body-narrow: 22.75em;
  506.  
  507.    --max-width--heading-normal: 32.5em;
  508.    --max-width--heading-narrow: 19.5em;
  509.  
  510.    --max-width--display-normal: 13em;
  511.    --max-width--display-narrow: 9.75em;
  512.    --max-width--display-tight: 3.25em;
  513.  
  514.    /* Letter-spacing / Tracking */
  515.    --letter-spacing--display-tight: -0.03em;
  516.    --letter-spacing--display-normal: 0em;
  517.    --letter-spacing--display-loose: 0.03em;
  518.  
  519.    --letter-spacing--heading-tight: -0.03em;
  520.    --letter-spacing--heading-normal: 0em;
  521.    --letter-spacing--heading-loose: 0.03em;
  522.  
  523.    --letter-spacing--body-tight: -0.03em;
  524.    --letter-spacing--body-normal: 0em;
  525.    --letter-spacing--body-loose: 0.03em;
  526.  
  527.    /* Line height / Leading */
  528.    --line-height: 1;
  529.  
  530.    --line-height--display-tight: 1;
  531.    --line-height--display-normal: 1.1;
  532.    --line-height--display-loose: 1.2;
  533.  
  534.    --line-height--heading-tight: 1.15;
  535.    --line-height--heading-normal: 1.25;
  536.    --line-height--heading-loose: 1.35;
  537.  
  538.    --line-height--body-tight: 1.2;
  539.    --line-height--body-normal: 1.4;
  540.    --line-height--body-loose: 1.6;
  541.  
  542.    /* Typography presets */
  543.    --font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 5.6vw, 3.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 0.875rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose);
  544.  
  545.    /* Hardcoded font sizes */
  546.    --font-size--3xs: 0.625rem;
  547.    --font-size--2xs: 0.75rem;
  548.    --font-size--xs: 0.8125rem;
  549.    --font-size--sm: 0.875rem;
  550.    --font-size--md: 1rem;
  551.    --font-size--lg: 1.125rem;
  552.    --font-size--xl: 1.25rem;
  553.    --font-size--2xl: 1.5rem;
  554.    --font-size--3xl: 2rem;
  555.    --font-size--4xl: 2.5rem;
  556.    --font-size--5xl: 3rem;
  557.    --font-size--6xl: 3.5rem;
  558.  
  559.    /* Menu font sizes */
  560.    --menu-font-sm--size: 0.875rem;
  561.    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
  562.    --menu-font-md--size: 1rem;
  563.    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
  564.    --menu-font-lg--size: 1.125rem;
  565.    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
  566.    --menu-font-xl--size: 1.25rem;
  567.    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
  568.    --menu-font-2xl--size: 1.75rem;
  569.    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
  570.  
  571.    /* Colors */
  572.    --color-error: #8B0000;
  573.    --color-success: #006400;
  574.    --color-white: #FFFFFF;
  575.    --color-white-rgb: 255 255 255;
  576.    --color-black: #000000;
  577.    --color-instock: #3ED660;
  578.    --color-lowstock: #EE9441;
  579.    --color-outofstock: #C8C8C8;
  580.  
  581.    /* Opacity */
  582.    --opacity-5: 0.05;
  583.    --opacity-8: 0.08;
  584.    --opacity-10: 0.1;
  585.    --opacity-15: 0.15;
  586.    --opacity-20: 0.2;
  587.    --opacity-25: 0.25;
  588.    --opacity-30: 0.3;
  589.    --opacity-40: 0.4;
  590.    --opacity-50: 0.5;
  591.    --opacity-60: 0.6;
  592.    --opacity-70: 0.7;
  593.    --opacity-80: 0.8;
  594.    --opacity-85: 0.85;
  595.    --opacity-90: 0.9;
  596.    --opacity-subdued-text: var(--opacity-70);
  597.  
  598.    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
  599.    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
  600.  
  601.    /* Spacing */
  602.    --margin-3xs: 0.125rem;
  603.    --margin-2xs: 0.3rem;
  604.    --margin-xs: 0.5rem;
  605.    --margin-sm: 0.7rem;
  606.    --margin-md: 0.8rem;
  607.    --margin-lg: 1rem;
  608.    --margin-xl: 1.25rem;
  609.    --margin-2xl: 1.5rem;
  610.    --margin-3xl: 1.75rem;
  611.    --margin-4xl: 2rem;
  612.    --margin-5xl: 3rem;
  613.    --margin-6xl: 5rem;
  614.  
  615.    --scroll-margin: 50px;
  616.  
  617.    --padding-3xs: 0.125rem;
  618.    --padding-2xs: 0.25rem;
  619.    --padding-xs: 0.5rem;
  620.    --padding-sm: 0.7rem;
  621.    --padding-md: 0.8rem;
  622.    --padding-lg: 1rem;
  623.    --padding-xl: 1.25rem;
  624.    --padding-2xl: 1.5rem;
  625.    --padding-3xl: 1.75rem;
  626.    --padding-4xl: 2rem;
  627.    --padding-5xl: 3rem;
  628.    --padding-6xl: 4rem;
  629.  
  630.    --gap-3xs: 0.125rem;
  631.    --gap-2xs: 0.3rem;
  632.    --gap-xs: 0.5rem;
  633.    --gap-sm: 0.7rem;
  634.    --gap-md: 0.9rem;
  635.    --gap-lg: 1rem;
  636.    --gap-xl: 1.25rem;
  637.    --gap-2xl: 2rem;
  638.    --gap-3xl: 3rem;
  639.  
  640.    --spacing-scale-sm: 0.6;
  641.    --spacing-scale-md: 0.7;
  642.    --spacing-scale-default: 1.0;
  643.  
  644.    /* Checkout buttons gap */
  645.    --checkout-button-gap: 10px;
  646.  
  647.    /* Borders */
  648.    --style-border-width: 1px;
  649.    --style-border-radius-xs: 0.2rem;
  650.    --style-border-radius-sm: 0.6rem;
  651.    --style-border-radius-md: 0.8rem;
  652.    --style-border-radius-50: 50%;
  653.    --style-border-radius-lg: 1rem;
  654.    --style-border-radius-pills: 40px;
  655.    --style-border-radius-inputs: 4px;
  656.    --style-border-radius-buttons-primary: 14px;
  657.    --style-border-radius-buttons-secondary: 14px;
  658.    --style-border-width-primary: 0px;
  659.    --style-border-width-secondary: 1px;
  660.    --style-border-width-inputs: 1px;
  661.    --style-border-radius-popover: 14px;
  662.    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
  663.    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
  664.    --style-border-swatch-opacity: 10%;
  665.    --style-border-swatch-width: 1px;
  666.    --style-border-swatch-style: solid;
  667.  
  668.    /* Animation */
  669.    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
  670.    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
  671.    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  672.    --animation-speed-fast: 0.0625s;
  673.    --animation-speed: 0.125s;
  674.    --animation-speed-slow: 0.2s;
  675.    --animation-speed-medium: 0.15s;
  676.    --animation-easing: ease-in-out;
  677.    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
  678.    --drawer-animation-speed: 0.2s;
  679.    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
  680.    --animation-values: var(--animation-speed) var(--animation-easing);
  681.    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
  682.    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
  683.    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  684.    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
  685.    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  686.    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
  687.    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
  688.    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
  689.    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
  690.    --spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%);
  691.    --spring-d300-b0-duration: 0.4980s;
  692.    --spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%);
  693.    --spring-d280-b0-duration: 0.4648s;
  694.    --spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%);
  695.    --spring-d260-b0-duration: 0.4316s;
  696.    --spring-d220-b0-easing: linear(
  697.      0,
  698.      0.0093 1.37%,
  699.      0.0696 4.12%,
  700.      0.4667 15.09%,
  701.      0.6322 20.58%,
  702.      0.6986 23.32%,
  703.      0.7793 27.44%,
  704.      0.8219 30.18%,
  705.      0.8721,
  706.      0.9089 38.42%,
  707.      0.9427,
  708.      0.9644,
  709.      0.978 54.88%,
  710.      0.9881 61.74%,
  711.      0.9944 69.97%,
  712.      0.998 80.95%,
  713.      0.9996 98.78%
  714.    );
  715.    --spring-d220-b0-duration: 0.3818s;
  716.    --spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%);
  717.    --spring-d180-b0-duration: 0.2988s;
  718.  
  719.    /* View transitions */
  720.    /* View transition old */
  721.    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
  722.  
  723.    /* View transition new */
  724.    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
  725.  
  726.    /* Focus */
  727.    --focus-outline-width: 0.09375rem;
  728.    --focus-outline-offset: 0.2em;
  729.  
  730.    /* Badges */
  731.    --badge-blob-padding-block: 1px;
  732.    --badge-blob-padding-inline: 12px 8px;
  733.    --badge-rectangle-padding-block: 1px;
  734.    --badge-rectangle-padding-inline: 6px;
  735.    @media screen and (min-width: 750px) {
  736.      --badge-blob-padding-block: 4px;
  737.      --badge-blob-padding-inline: 16px 12px;
  738.      --badge-rectangle-padding-block: 4px;
  739.      --badge-rectangle-padding-inline: 10px;
  740.    }
  741.  
  742.    /* Icons */
  743.    --icon-size-2xs: 0.6rem;
  744.    --icon-size-xs: 0.85rem;
  745.    --icon-size-sm: 1.25rem;
  746.    --icon-size-md: 1.375rem;
  747.    --icon-size-lg: 1.5rem;
  748.    --icon-stroke-width: 1.5px;
  749.  
  750.    /* Input */
  751.    --input-email-min-width: 200px;
  752.    --input-search-max-width: 650px;
  753.    --input-padding-y: 0.8rem;
  754.    --input-padding-x: 0.8rem;
  755.    --input-padding: var(--input-padding-y) var(--input-padding-x);
  756.    --input-box-shadow-width: var(--style-border-width-inputs);
  757.    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
  758.    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
  759.    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
  760.    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
  761.    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
  762.    --input-textarea-min-height: 55px;
  763.  
  764.    /* Checkbox */
  765.    --checkbox-size: 22px;
  766.    --checkbox-border-radius: 7px;
  767.    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
  768.    --checkbox-label-padding: 8px;
  769.  
  770.    @media screen and (min-width: 750px) {
  771.      --checkbox-size: 16px;
  772.      --checkbox-border-radius: 5px;
  773.      --checkbox-label-padding: 6px;
  774.    }
  775.  
  776.    /* Button size */
  777.    --button-size-sm: 30px;
  778.    --button-size-md: 36px;
  779.    --button-size: var(--minimum-touch-target);
  780.    --button-padding-inline: 24px;
  781.    --button-padding-block: 16px;
  782.  
  783.    /* Button font-family */
  784.    --button-font-family-primary: var(--font-body--family);
  785.    --button-font-family-secondary: var(--font-body--family);
  786.  
  787.    /* Button text case */
  788.    --button-text-case: ;
  789.    --button-text-case-primary: default;
  790.    --button-text-case-secondary: default;
  791.  
  792.    /* Borders */
  793.    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
  794.    --border-width-sm: 1px;
  795.    --border-width-md: 2px;
  796.    --border-width-lg: 5px;
  797.    --border-radius-sm: 0.25rem;
  798.  
  799.    /* Drawers */
  800.    --drawer-inline-padding: 25px;
  801.    --drawer-menu-inline-padding: 2.5rem;
  802.    --drawer-header-block-padding: 20px;
  803.    --drawer-content-block-padding: 10px;
  804.    --drawer-header-desktop-top: 0rem;
  805.    --drawer-padding: calc(var(--padding-sm) + 7px);
  806.    --drawer-height: 100dvh;
  807.    --drawer-width: 95vw;
  808.    --drawer-max-width: 500px;
  809.  
  810.    /* Variant Picker Swatches */
  811.    --variant-picker-swatch-width-unitless: 34;
  812.    --variant-picker-swatch-height-unitless: 34;
  813.    --variant-picker-swatch-width: 34px;
  814.    --variant-picker-swatch-height: 34px;
  815.    --variant-picker-swatch-radius: 32px;
  816.    --variant-picker-border-width: 1px;
  817.    --variant-picker-border-style: solid;
  818.    --variant-picker-border-opacity: 10%;
  819.  
  820.    /* Variant Picker Buttons */
  821.    --variant-picker-button-radius: 14px;
  822.    --variant-picker-button-border-width: 1px;
  823.  
  824.    /* Slideshow */
  825.    --slideshow-controls-size: 3.5rem;
  826.    --slideshow-controls-icon: 2rem;
  827.    --peek-next-slide-size: 3rem;
  828.  
  829.    /* Utilities */
  830.    --backdrop-opacity: 0.15;
  831.    --backdrop-color-rgb: var(--color-shadow-rgb);
  832.    --minimum-touch-target: 44px;
  833.    --disabled-opacity: 0.5;
  834.    --skeleton-opacity: 0.025;
  835.  
  836.    /* Shapes */
  837.    --shape--circle: circle(50% at center);
  838.    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
  839.    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  840.    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);
  841.  
  842.    /* Buy buttons */
  843.    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
  844.  
  845.    /* Card image width and height variables */
  846.    --card-width-small: 10rem;
  847.  
  848.    --height-small: 10rem;
  849.    --height-medium: 11.5rem;
  850.    --height-large: 13rem;
  851.    --height-full: 100vh;
  852.  
  853.    @media screen and (min-width: 750px) {
  854.      --height-small: 17.5rem;
  855.      --height-medium: 21.25rem;
  856.      --height-large: 25rem;
  857.    }
  858.  
  859.    /* Modal */
  860.    --modal-max-height: 65dvh;
  861.    --quick-add-modal-height: min(38.5rem, 96vh);
  862.    --quick-add-modal-width: min(54rem, 96vw);
  863.    --quick-add-modal-gallery-width: 24rem;
  864.  
  865.    /* Card styles for search */
  866.    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
  867.    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
  868.    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
  869.  
  870.    /* Cart */
  871.    --cart-primary-font-family: var(--font-body--family);
  872.    --cart-primary-font-style: var(--font-body--style);
  873.    --cart-primary-font-weight: var(--font-body--weight);
  874.    --cart-secondary-font-family: var(--font-secondary--family);
  875.    --cart-secondary-font-style: var(--font-secondary--style);
  876.    --cart-secondary-font-weight: var(--font-secondary--weight);
  877.  }
  878. </style>
  879.  
  880.  
  881. <style data-shopify>
  882.  
  883.    
  884.      :root,
  885.    
  886.    
  887.    
  888.    .color-scheme-1 {
  889.        --color-background: rgb(255 255 255 / 1.0);
  890.        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
  891.        --color-background-rgb: 255 255 255;
  892.        --opacity-5-15: 0.05;
  893.        --opacity-10-25: 0.1;
  894.        --opacity-35-55: 0.35;
  895.        --opacity-40-60: 0.4;
  896.        --opacity-30-60: 0.3;
  897.        --color-foreground: rgb(0 0 0 / 0.81);
  898.        --color-foreground-rgb: 0 0 0;
  899.        --color-foreground-heading: rgb(0 0 0 / 1.0);
  900.        --color-foreground-heading-rgb: 0 0 0;
  901.        --color-primary: rgb(0 0 0 / 0.81);
  902.        --color-primary-rgb: 0 0 0;
  903.        --color-primary-hover: rgb(0 0 0 / 1.0);
  904.        --color-primary-hover-rgb: 0 0 0;
  905.        --color-border: rgb(0 0 0 / 0.06);
  906.        --color-border-rgb: 0 0 0;
  907.        --color-shadow: rgb(0 0 0 / 1.0);
  908.        --color-shadow-rgb: 0 0 0;
  909.        --color-primary-button-text: rgb(255 255 255 / 1.0);
  910.        --color-primary-button-background: rgb(0 0 0 / 1.0);
  911.        --color-primary-button-border: rgb(0 0 0 / 1.0);
  912.        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
  913.        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
  914.        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
  915.        --color-secondary-button-text: rgb(0 0 0 / 1.0);
  916.        --color-secondary-button-background: rgb(0 0 0 / 0.0);
  917.        --color-secondary-button-border: rgb(0 0 0 / 1.0);
  918.        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
  919.        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
  920.        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
  921.        --color-input-background: rgb(255 255 255 / 0.78);
  922.        --color-input-text: rgb(51 51 51 / 1.0);
  923.        --color-input-text-rgb: 51 51 51;
  924.        --color-input-border: rgb(223 223 223 / 1.0);
  925.        --color-input-hover-background: rgb(0 0 0 / 0.01);
  926.        --color-variant-background: rgb(255 255 255 / 1.0);
  927.        --color-variant-border: rgb(0 0 0 / 0.13);
  928.        --color-variant-text: rgb(0 0 0 / 1.0);
  929.        --color-variant-text-rgb: 0 0 0;
  930.        --color-variant-hover-background: rgb(245 245 245 / 1.0);
  931.        --color-variant-hover-text: rgb(0 0 0 / 1.0);
  932.        --color-variant-hover-border: rgb(230 230 230 / 1.0);
  933.        --color-selected-variant-background: rgb(0 0 0 / 1.0);
  934.        --color-selected-variant-border: rgb(0 0 0 / 1.0);
  935.        --color-selected-variant-text: rgb(255 255 255 / 1.0);
  936.        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
  937.        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
  938.        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
  939.  
  940.        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
  941.        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
  942.        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
  943.        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
  944.        --font-h1--color: var(--color-foreground-heading);
  945.        --font-h2--color: var(--color-foreground-heading);
  946.        --font-h3--color: var(--color-foreground-heading);
  947.        --font-h4--color: var(--color-foreground-heading);
  948.        --font-h5--color: var(--color-foreground-heading);
  949.        --font-h6--color: var(--color-foreground-heading);
  950.  
  951.        /* Shadows */
  952.        
  953.          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
  954.        
  955.        
  956.          --shadow-blur: 20px;
  957.          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
  958.        
  959.      }
  960.  
  961.    
  962.    
  963.    
  964.    .color-scheme-2 {
  965.        --color-background: rgb(245 245 245 / 1.0);
  966.        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
  967.        --color-background-rgb: 245 245 245;
  968.        --opacity-5-15: 0.05;
  969.        --opacity-10-25: 0.1;
  970.        --opacity-35-55: 0.35;
  971.        --opacity-40-60: 0.4;
  972.        --opacity-30-60: 0.3;
  973.        --color-foreground: rgb(0 0 0 / 0.81);
  974.        --color-foreground-rgb: 0 0 0;
  975.        --color-foreground-heading: rgb(0 0 0 / 1.0);
  976.        --color-foreground-heading-rgb: 0 0 0;
  977.        --color-primary: rgb(0 0 0 / 0.81);
  978.        --color-primary-rgb: 0 0 0;
  979.        --color-primary-hover: rgb(255 255 255 / 1.0);
  980.        --color-primary-hover-rgb: 255 255 255;
  981.        --color-border: rgb(223 223 223 / 1.0);
  982.        --color-border-rgb: 223 223 223;
  983.        --color-shadow: rgb(0 0 0 / 1.0);
  984.        --color-shadow-rgb: 0 0 0;
  985.        --color-primary-button-text: rgb(255 255 255 / 1.0);
  986.        --color-primary-button-background: rgb(0 0 0 / 1.0);
  987.        --color-primary-button-border: rgb(0 0 0 / 1.0);
  988.        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
  989.        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
  990.        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
  991.        --color-secondary-button-text: rgb(0 0 0 / 1.0);
  992.        --color-secondary-button-background: rgb(0 0 0 / 0.0);
  993.        --color-secondary-button-border: rgb(0 0 0 / 1.0);
  994.        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
  995.        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
  996.        --color-secondary-button-hover-border: rgb(51 51 51 / 0.73);
  997.        --color-input-background: rgb(0 0 0 / 0.0);
  998.        --color-input-text: rgb(0 0 0 / 0.53);
  999.        --color-input-text-rgb: 0 0 0;
  1000.        --color-input-border: rgb(0 0 0 / 0.13);
  1001.        --color-input-hover-background: rgb(255 255 255 / 0.36);
  1002.        --color-variant-background: rgb(255 255 255 / 1.0);
  1003.        --color-variant-border: rgb(230 230 230 / 1.0);
  1004.        --color-variant-text: rgb(0 0 0 / 1.0);
  1005.        --color-variant-text-rgb: 0 0 0;
  1006.        --color-variant-hover-background: rgb(245 245 245 / 1.0);
  1007.        --color-variant-hover-text: rgb(0 0 0 / 1.0);
  1008.        --color-variant-hover-border: rgb(230 230 230 / 1.0);
  1009.        --color-selected-variant-background: rgb(0 0 0 / 1.0);
  1010.        --color-selected-variant-border: rgb(0 0 0 / 1.0);
  1011.        --color-selected-variant-text: rgb(255 255 255 / 1.0);
  1012.        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
  1013.        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
  1014.        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
  1015.  
  1016.        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
  1017.        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
  1018.        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
  1019.        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
  1020.        --font-h1--color: var(--color-foreground-heading);
  1021.        --font-h2--color: var(--color-foreground-heading);
  1022.        --font-h3--color: var(--color-foreground-heading);
  1023.        --font-h4--color: var(--color-foreground-heading);
  1024.        --font-h5--color: var(--color-foreground-heading);
  1025.        --font-h6--color: var(--color-foreground-heading);
  1026.  
  1027.        /* Shadows */
  1028.        
  1029.          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
  1030.        
  1031.        
  1032.          --shadow-blur: 20px;
  1033.          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
  1034.        
  1035.      }
  1036.  
  1037.    
  1038.    
  1039.    
  1040.    .color-scheme-3 {
  1041.        --color-background: rgb(238 241 234 / 1.0);
  1042.        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
  1043.        --color-background-rgb: 238 241 234;
  1044.        --opacity-5-15: 0.05;
  1045.        --opacity-10-25: 0.1;
  1046.        --opacity-35-55: 0.35;
  1047.        --opacity-40-60: 0.4;
  1048.        --opacity-30-60: 0.3;
  1049.        --color-foreground: rgb(0 0 0 / 0.81);
  1050.        --color-foreground-rgb: 0 0 0;
  1051.        --color-foreground-heading: rgb(0 0 0 / 1.0);
  1052.        --color-foreground-heading-rgb: 0 0 0;
  1053.        --color-primary: rgb(0 0 0 / 0.81);
  1054.        --color-primary-rgb: 0 0 0;
  1055.        --color-primary-hover: rgb(0 0 0 / 1.0);
  1056.        --color-primary-hover-rgb: 0 0 0;
  1057.        --color-border: rgb(0 0 0 / 0.81);
  1058.        --color-border-rgb: 0 0 0;
  1059.        --color-shadow: rgb(0 0 0 / 1.0);
  1060.        --color-shadow-rgb: 0 0 0;
  1061.        --color-primary-button-text: rgb(255 255 255 / 1.0);
  1062.        --color-primary-button-background: rgb(0 0 0 / 1.0);
  1063.        --color-primary-button-border: rgb(0 0 0 / 1.0);
  1064.        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
  1065.        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
  1066.        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
  1067.        --color-secondary-button-text: rgb(0 0 0 / 1.0);
  1068.        --color-secondary-button-background: rgb(0 0 0 / 0.0);
  1069.        --color-secondary-button-border: rgb(0 0 0 / 1.0);
  1070.        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
  1071.        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
  1072.        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
  1073.        --color-input-background: rgb(0 0 0 / 0.0);
  1074.        --color-input-text: rgb(0 0 0 / 0.81);
  1075.        --color-input-text-rgb: 0 0 0;
  1076.        --color-input-border: rgb(0 0 0 / 0.81);
  1077.        --color-input-hover-background: rgb(255 255 255 / 0.36);
  1078.        --color-variant-background: rgb(255 255 255 / 1.0);
  1079.        --color-variant-border: rgb(230 230 230 / 1.0);
  1080.        --color-variant-text: rgb(0 0 0 / 1.0);
  1081.        --color-variant-text-rgb: 0 0 0;
  1082.        --color-variant-hover-background: rgb(245 245 245 / 1.0);
  1083.        --color-variant-hover-text: rgb(0 0 0 / 1.0);
  1084.        --color-variant-hover-border: rgb(230 230 230 / 1.0);
  1085.        --color-selected-variant-background: rgb(0 0 0 / 1.0);
  1086.        --color-selected-variant-border: rgb(0 0 0 / 1.0);
  1087.        --color-selected-variant-text: rgb(255 255 255 / 1.0);
  1088.        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
  1089.        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
  1090.        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
  1091.  
  1092.        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
  1093.        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
  1094.        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
  1095.        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
  1096.        --font-h1--color: var(--color-foreground-heading);
  1097.        --font-h2--color: var(--color-foreground-heading);
  1098.        --font-h3--color: var(--color-foreground-heading);
  1099.        --font-h4--color: var(--color-foreground-heading);
  1100.        --font-h5--color: var(--color-foreground-heading);
  1101.        --font-h6--color: var(--color-foreground-heading);
  1102.  
  1103.        /* Shadows */
  1104.        
  1105.          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
  1106.        
  1107.        
  1108.          --shadow-blur: 20px;
  1109.          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
  1110.        
  1111.      }
  1112.  
  1113.    
  1114.    
  1115.    
  1116.    .color-scheme-4 {
  1117.        --color-background: rgb(225 237 245 / 1.0);
  1118.        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
  1119.        --color-background-rgb: 225 237 245;
  1120.        --opacity-5-15: 0.05;
  1121.        --opacity-10-25: 0.1;
  1122.        --opacity-35-55: 0.35;
  1123.        --opacity-40-60: 0.4;
  1124.        --opacity-30-60: 0.3;
  1125.        --color-foreground: rgb(0 0 0 / 0.81);
  1126.        --color-foreground-rgb: 0 0 0;
  1127.        --color-foreground-heading: rgb(0 0 0 / 1.0);
  1128.        --color-foreground-heading-rgb: 0 0 0;
  1129.        --color-primary: rgb(0 0 0 / 0.81);
  1130.        --color-primary-rgb: 0 0 0;
  1131.        --color-primary-hover: rgb(0 0 0 / 1.0);
  1132.        --color-primary-hover-rgb: 0 0 0;
  1133.        --color-border: rgb(29 54 134 / 0.5);
  1134.        --color-border-rgb: 29 54 134;
  1135.        --color-shadow: rgb(0 0 0 / 1.0);
  1136.        --color-shadow-rgb: 0 0 0;
  1137.        --color-primary-button-text: rgb(255 255 255 / 1.0);
  1138.        --color-primary-button-background: rgb(0 0 0 / 1.0);
  1139.        --color-primary-button-border: rgb(29 54 134 / 1.0);
  1140.        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
  1141.        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
  1142.        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
  1143.        --color-secondary-button-text: rgb(0 0 0 / 1.0);
  1144.        --color-secondary-button-background: rgb(0 0 0 / 0.0);
  1145.        --color-secondary-button-border: rgb(0 0 0 / 1.0);
  1146.        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
  1147.        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
  1148.        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
  1149.        --color-input-background: rgb(0 0 0 / 0.0);
  1150.        --color-input-text: rgb(0 0 0 / 0.81);
  1151.        --color-input-text-rgb: 0 0 0;
  1152.        --color-input-border: rgb(0 0 0 / 0.81);
  1153.        --color-input-hover-background: rgb(255 255 255 / 0.36);
  1154.        --color-variant-background: rgb(255 255 255 / 1.0);
  1155.        --color-variant-border: rgb(230 230 230 / 1.0);
  1156.        --color-variant-text: rgb(0 0 0 / 1.0);
  1157.        --color-variant-text-rgb: 0 0 0;
  1158.        --color-variant-hover-background: rgb(245 245 245 / 1.0);
  1159.        --color-variant-hover-text: rgb(0 0 0 / 1.0);
  1160.        --color-variant-hover-border: rgb(230 230 230 / 1.0);
  1161.        --color-selected-variant-background: rgb(0 0 0 / 1.0);
  1162.        --color-selected-variant-border: rgb(0 0 0 / 1.0);
  1163.        --color-selected-variant-text: rgb(255 255 255 / 1.0);
  1164.        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
  1165.        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
  1166.        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
  1167.  
  1168.        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
  1169.        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
  1170.        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
  1171.        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
  1172.        --font-h1--color: var(--color-foreground-heading);
  1173.        --font-h2--color: var(--color-foreground-heading);
  1174.        --font-h3--color: var(--color-foreground-heading);
  1175.        --font-h4--color: var(--color-foreground-heading);
  1176.        --font-h5--color: var(--color-foreground-heading);
  1177.        --font-h6--color: var(--color-foreground-heading);
  1178.  
  1179.        /* Shadows */
  1180.        
  1181.          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
  1182.        
  1183.        
  1184.          --shadow-blur: 20px;
  1185.          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
  1186.        
  1187.      }
  1188.  
  1189.    
  1190.    
  1191.    
  1192.    .color-scheme-5 {
  1193.        --color-background: rgb(51 51 51 / 1.0);
  1194.        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
  1195.        --color-background-rgb: 51 51 51;
  1196.        --opacity-5-15: 0.15;
  1197.        --opacity-10-25: 0.25;
  1198.        --opacity-35-55: 0.55;
  1199.        --opacity-40-60: 0.6;
  1200.        --opacity-30-60: 0.6;
  1201.        --color-foreground: rgb(255 255 255 / 1.0);
  1202.        --color-foreground-rgb: 255 255 255;
  1203.        --color-foreground-heading: rgb(255 255 255 / 1.0);
  1204.        --color-foreground-heading-rgb: 255 255 255;
  1205.        --color-primary: rgb(255 255 255 / 1.0);
  1206.        --color-primary-rgb: 255 255 255;
  1207.        --color-primary-hover: rgb(255 255 255 / 0.69);
  1208.        --color-primary-hover-rgb: 255 255 255;
  1209.        --color-border: rgb(255 255 255 / 0.69);
  1210.        --color-border-rgb: 255 255 255;
  1211.        --color-shadow: rgb(0 0 0 / 1.0);
  1212.        --color-shadow-rgb: 0 0 0;
  1213.        --color-primary-button-text: rgb(0 0 0 / 1.0);
  1214.        --color-primary-button-background: rgb(255 255 255 / 1.0);
  1215.        --color-primary-button-border: rgb(255 255 255 / 1.0);
  1216.        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
  1217.        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
  1218.        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
  1219.        --color-secondary-button-text: rgb(255 255 255 / 1.0);
  1220.        --color-secondary-button-background: rgb(0 0 0 / 0.0);
  1221.        --color-secondary-button-border: rgb(255 255 255 / 0.69);
  1222.        --color-secondary-button-hover-text: rgb(255 255 255 / 0.93);
  1223.        --color-secondary-button-hover-background: rgb(255 255 255 / 0.04);
  1224.        --color-secondary-button-hover-border: rgb(255 255 255 / 0.69);
  1225.        --color-input-background: rgb(51 51 51 / 1.0);
  1226.        --color-input-text: rgb(255 255 255 / 0.93);
  1227.        --color-input-text-rgb: 255 255 255;
  1228.        --color-input-border: rgb(255 255 255 / 0.69);
  1229.        --color-input-hover-background: rgb(255 255 255 / 0.04);
  1230.        --color-variant-background: rgb(255 255 255 / 1.0);
  1231.        --color-variant-border: rgb(230 230 230 / 1.0);
  1232.        --color-variant-text: rgb(0 0 0 / 1.0);
  1233.        --color-variant-text-rgb: 0 0 0;
  1234.        --color-variant-hover-background: rgb(245 245 245 / 1.0);
  1235.        --color-variant-hover-text: rgb(0 0 0 / 1.0);
  1236.        --color-variant-hover-border: rgb(230 230 230 / 1.0);
  1237.        --color-selected-variant-background: rgb(0 0 0 / 1.0);
  1238.        --color-selected-variant-border: rgb(0 0 0 / 1.0);
  1239.        --color-selected-variant-text: rgb(255 255 255 / 1.0);
  1240.        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
  1241.        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
  1242.        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
  1243.  
  1244.        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
  1245.        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
  1246.        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
  1247.        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
  1248.        --font-h1--color: var(--color-foreground-heading);
  1249.        --font-h2--color: var(--color-foreground-heading);
  1250.        --font-h3--color: var(--color-foreground-heading);
  1251.        --font-h4--color: var(--color-foreground-heading);
  1252.        --font-h5--color: var(--color-foreground-heading);
  1253.        --font-h6--color: var(--color-foreground-heading);
  1254.  
  1255.        /* Shadows */
  1256.        
  1257.          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
  1258.        
  1259.        
  1260.          --shadow-blur: 20px;
  1261.          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
  1262.        
  1263.      }
  1264.  
  1265.    
  1266.    
  1267.    
  1268.    .color-scheme-6 {
  1269.        --color-background: rgb(0 0 0 / 0.0);
  1270.        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
  1271.        --color-background-rgb: 0 0 0;
  1272.        --opacity-5-15: 0.15;
  1273.        --opacity-10-25: 0.25;
  1274.        --opacity-35-55: 0.55;
  1275.        --opacity-40-60: 0.6;
  1276.        --opacity-30-60: 0.6;
  1277.        --color-foreground: rgb(255 255 255 / 1.0);
  1278.        --color-foreground-rgb: 255 255 255;
  1279.        --color-foreground-heading: rgb(255 255 255 / 1.0);
  1280.        --color-foreground-heading-rgb: 255 255 255;
  1281.        --color-primary: rgb(255 255 255 / 1.0);
  1282.        --color-primary-rgb: 255 255 255;
  1283.        --color-primary-hover: rgb(255 255 255 / 0.69);
  1284.        --color-primary-hover-rgb: 255 255 255;
  1285.        --color-border: rgb(230 230 230 / 1.0);
  1286.        --color-border-rgb: 230 230 230;
  1287.        --color-shadow: rgb(0 0 0 / 1.0);
  1288.        --color-shadow-rgb: 0 0 0;
  1289.        --color-primary-button-text: rgb(0 0 0 / 1.0);
  1290.        --color-primary-button-background: rgb(255 255 255 / 1.0);
  1291.        --color-primary-button-border: rgb(255 255 255 / 1.0);
  1292.        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
  1293.        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
  1294.        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
  1295.        --color-secondary-button-text: rgb(255 255 255 / 1.0);
  1296.        --color-secondary-button-background: rgb(0 0 0 / 0.0);
  1297.        --color-secondary-button-border: rgb(255 255 255 / 1.0);
  1298.        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
  1299.        --color-secondary-button-hover-background: rgb(255 255 255 / 0.08);
  1300.        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
  1301.        --color-input-background: rgb(255 255 255 / 1.0);
  1302.        --color-input-text: rgb(0 0 0 / 0.53);
  1303.        --color-input-text-rgb: 0 0 0;
  1304.        --color-input-border: rgb(0 0 0 / 0.13);
  1305.        --color-input-hover-background: rgb(250 250 250 / 1.0);
  1306.        --color-variant-background: rgb(255 255 255 / 1.0);
  1307.        --color-variant-border: rgb(230 230 230 / 1.0);
  1308.        --color-variant-text: rgb(0 0 0 / 1.0);
  1309.        --color-variant-text-rgb: 0 0 0;
  1310.        --color-variant-hover-background: rgb(245 245 245 / 1.0);
  1311.        --color-variant-hover-text: rgb(0 0 0 / 1.0);
  1312.        --color-variant-hover-border: rgb(230 230 230 / 1.0);
  1313.        --color-selected-variant-background: rgb(0 0 0 / 1.0);
  1314.        --color-selected-variant-border: rgb(0 0 0 / 1.0);
  1315.        --color-selected-variant-text: rgb(255 255 255 / 1.0);
  1316.        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
  1317.        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
  1318.        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
  1319.  
  1320.        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
  1321.        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
  1322.        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
  1323.        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
  1324.        --font-h1--color: var(--color-foreground-heading);
  1325.        --font-h2--color: var(--color-foreground-heading);
  1326.        --font-h3--color: var(--color-foreground-heading);
  1327.        --font-h4--color: var(--color-foreground-heading);
  1328.        --font-h5--color: var(--color-foreground-heading);
  1329.        --font-h6--color: var(--color-foreground-heading);
  1330.  
  1331.        /* Shadows */
  1332.        
  1333.          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
  1334.        
  1335.        
  1336.          --shadow-blur: 20px;
  1337.          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
  1338.        
  1339.      }
  1340.  
  1341.    
  1342.    
  1343.    
  1344.    .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
  1345.        --color-background: rgb(0 0 0 / 0.0);
  1346.        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
  1347.        --color-background-rgb: 0 0 0;
  1348.        --opacity-5-15: 0.15;
  1349.        --opacity-10-25: 0.25;
  1350.        --opacity-35-55: 0.55;
  1351.        --opacity-40-60: 0.6;
  1352.        --opacity-30-60: 0.6;
  1353.        --color-foreground: rgb(0 0 0 / 1.0);
  1354.        --color-foreground-rgb: 0 0 0;
  1355.        --color-foreground-heading: rgb(0 0 0 / 1.0);
  1356.        --color-foreground-heading-rgb: 0 0 0;
  1357.        --color-primary: rgb(0 0 0 / 1.0);
  1358.        --color-primary-rgb: 0 0 0;
  1359.        --color-primary-hover: rgb(0 0 0 / 0.53);
  1360.        --color-primary-hover-rgb: 0 0 0;
  1361.        --color-border: rgb(230 230 230 / 1.0);
  1362.        --color-border-rgb: 230 230 230;
  1363.        --color-shadow: rgb(0 0 0 / 1.0);
  1364.        --color-shadow-rgb: 0 0 0;
  1365.        --color-primary-button-text: rgb(255 255 255 / 1.0);
  1366.        --color-primary-button-background: rgb(0 0 0 / 1.0);
  1367.        --color-primary-button-border: rgb(0 0 0 / 1.0);
  1368.        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
  1369.        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
  1370.        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
  1371.        --color-secondary-button-text: rgb(0 0 0 / 1.0);
  1372.        --color-secondary-button-background: rgb(0 0 0 / 0.0);
  1373.        --color-secondary-button-border: rgb(0 0 0 / 1.0);
  1374.        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
  1375.        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
  1376.        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
  1377.        --color-input-background: rgb(255 255 255 / 1.0);
  1378.        --color-input-text: rgb(0 0 0 / 0.53);
  1379.        --color-input-text-rgb: 0 0 0;
  1380.        --color-input-border: rgb(0 0 0 / 0.13);
  1381.        --color-input-hover-background: rgb(250 250 250 / 1.0);
  1382.        --color-variant-background: rgb(255 255 255 / 1.0);
  1383.        --color-variant-border: rgb(230 230 230 / 1.0);
  1384.        --color-variant-text: rgb(0 0 0 / 1.0);
  1385.        --color-variant-text-rgb: 0 0 0;
  1386.        --color-variant-hover-background: rgb(245 245 245 / 1.0);
  1387.        --color-variant-hover-text: rgb(0 0 0 / 1.0);
  1388.        --color-variant-hover-border: rgb(230 230 230 / 1.0);
  1389.        --color-selected-variant-background: rgb(0 0 0 / 1.0);
  1390.        --color-selected-variant-border: rgb(0 0 0 / 1.0);
  1391.        --color-selected-variant-text: rgb(255 255 255 / 1.0);
  1392.        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
  1393.        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
  1394.        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
  1395.  
  1396.        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
  1397.        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
  1398.        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
  1399.        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
  1400.        --font-h1--color: var(--color-foreground-heading);
  1401.        --font-h2--color: var(--color-foreground-heading);
  1402.        --font-h3--color: var(--color-foreground-heading);
  1403.        --font-h4--color: var(--color-foreground-heading);
  1404.        --font-h5--color: var(--color-foreground-heading);
  1405.        --font-h6--color: var(--color-foreground-heading);
  1406.  
  1407.        /* Shadows */
  1408.        
  1409.          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
  1410.        
  1411.        
  1412.          --shadow-blur: 20px;
  1413.          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
  1414.        
  1415.      }
  1416.  
  1417.  
  1418.  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
  1419.    color: var(--color-foreground);
  1420.    background-color: var(--color-background);
  1421.  }
  1422. </style>
  1423.  
  1424.  
  1425.    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/71416971451/digital_wallets/dialog">
  1426. <meta name="shopify-checkout-api-token" content="7359dae089ca9630266436c621988513">
  1427. <meta id="in-context-paypal-metadata" data-shop-id="71416971451" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
  1428. <link rel="alternate" type="application/json+oembed" href="https://me.lol/products/put-it-on-a-free-shirt.oembed">
  1429. <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
  1430. <link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
  1431. <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=71416971451" crossorigin="anonymous"></script>
  1432. <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":71416971451,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/71416971451","merchantName":"Me.LOL","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Me.LOL","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
  1433. <script id="shopify-features" type="application/json">{"accessToken":"7359dae089ca9630266436c621988513","betas":["rich-media-storefront-analytics"],"domain":"me.lol","predictiveSearch":true,"shopId":71416971451,"locale":"en"}</script>
  1434. <script>var Shopify = Shopify || {};
  1435. Shopify.shop = "jpvemi-t2.myshopify.com";
  1436. Shopify.locale = "en";
  1437. Shopify.currency = {"active":"USD","rate":"1.0"};
  1438. Shopify.country = "US";
  1439. Shopify.theme = {"name":"Horizon","id":146555699387,"schema_name":"Horizon","schema_version":"3.5.0","theme_store_id":2481,"role":"main"};
  1440. Shopify.theme.handle = "null";
  1441. Shopify.theme.style = {"id":null,"handle":null};
  1442. Shopify.cdnHost = "me.lol/cdn";
  1443. Shopify.routes = Shopify.routes || {};
  1444. Shopify.routes.root = "/";
  1445. Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
  1446. Shopify.SignInWithShop = Shopify.SignInWithShop || {};
  1447. Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
  1448. Shopify.SignInWithShop.User.recognized = false;</script>
  1449. <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
  1450. <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>
  1451. <script>
  1452.  window.ShopifyPay = window.ShopifyPay || {};
  1453.  window.ShopifyPay.apiHost = "shop.app\/pay";
  1454.  window.ShopifyPay.redirectState = null;
  1455. </script>
  1456. <script>
  1457.  window.Shopify = window.Shopify || {};
  1458.  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  1459.  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.01 };
  1460.  window.Shopify.SignInWithShop.eligible = true;
  1461. </script>
  1462. <script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
  1463. <script defer="defer" async type="module" src="//me.lol/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
  1464. <script type="module">
  1465.  await import("//me.lol/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
  1466.  
  1467.  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
  1468.  
  1469. </script>
  1470. <script>
  1471.  window.Shopify = window.Shopify || {};
  1472.  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  1473.  window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"avatar":["modules/v2/loader.avatar.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"]};
  1474. </script>
  1475. <script>(function() {
  1476.  var isLoaded = false;
  1477.  function asyncLoad() {
  1478.    if (isLoaded) return;
  1479.    isLoaded = true;
  1480.    var urls = ["\/\/d1liekpayvooaz.cloudfront.net\/apps\/customizery\/customizery.js?shop=jpvemi-t2.myshopify.com"];
  1481.    for (var i = 0; i < urls.length; i++) {
  1482.      var s = document.createElement('script');
  1483.      s.type = 'text/javascript';
  1484.      s.async = true;
  1485.      s.src = urls[i];
  1486.      var x = document.getElementsByTagName('script')[0];
  1487.      x.parentNode.insertBefore(s, x);
  1488.    }
  1489.  };
  1490.  if(window.attachEvent) {
  1491.    window.attachEvent('onload', asyncLoad);
  1492.  } else {
  1493.    window.addEventListener('load', asyncLoad, false);
  1494.  }
  1495. })();</script>
  1496. <script id="__st">var __st={"a":71416971451,"offset":-18000,"reqid":"7f446824-ed07-47b6-81a5-b86eb69ea3b8-1780937950","pageurl":"me.lol\/products\/put-it-on-a-free-shirt?domain=change.lol\u0026sig=95fb559bce1256ff6b55a4cf865e1149a67f0a6800cc1838d6282a1672f631fe","u":"81f9b82b865c","p":"product","rtyp":"product","rid":8369995022523};</script>
  1497. <script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
  1498. <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
  1499. <script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//me.lol/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
  1500. <script crossorigin="anonymous" defer="defer" src="//me.lol/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
  1501. <script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://me.lol/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
  1502. </script>
  1503. <script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  1504.  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
  1505. </script>
  1506. <script>
  1507.  function portableWalletsCleanup(e){e&&e.src&&console.error("Failed to load portable wallets script "+e.src);var t=document.querySelectorAll("shopify-accelerated-checkout .shopify-payment-button__skeleton, shopify-accelerated-checkout-cart .wallet-cart-button__skeleton"),e=document.getElementById("shopify-buyer-consent");for(let e=0;e<t.length;e++)t[e].remove();e&&e.remove()}function portableWalletsNotLoadedAsModule(e){e instanceof ErrorEvent&&"string"==typeof e.message&&e.message.includes("import.meta")&&"string"==typeof e.filename&&e.filename.includes("portable-wallets")&&(window.removeEventListener("error",portableWalletsNotLoadedAsModule),window.Shopify.PaymentButton.failedToLoad=e,"loading"===document.readyState?document.addEventListener("DOMContentLoaded",window.Shopify.PaymentButton.init):window.Shopify.PaymentButton.init())}window.addEventListener("error",portableWalletsNotLoadedAsModule);
  1508. </script>
  1509.  
  1510. <script type="module" src="https://me.lol/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js" onError="portableWalletsCleanup(this)" crossorigin="anonymous"></script>
  1511. <script nomodule>
  1512.  document.addEventListener("DOMContentLoaded", portableWalletsCleanup);
  1513. </script>
  1514.  
  1515. <script async="async" integrity="sha256-hlq21VGceRKy8z+Fjhropk1BwDPACP0RdQ5rBrATyUo=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-67b41cb9.js" crossorigin="anonymous"></script>
  1516. <link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://me.lol/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
  1517. <style id="shopify-accelerated-checkout-cart">
  1518.        #shopify-buyer-consent {
  1519.  margin-top: 1em;
  1520.  display: inline-block;
  1521.  width: 100%;
  1522. }
  1523.  
  1524. #shopify-buyer-consent.hidden {
  1525.  display: none;
  1526. }
  1527.  
  1528. #shopify-subscription-policy-button {
  1529.  background: none;
  1530.  border: none;
  1531.  padding: 0;
  1532.  text-decoration: underline;
  1533.  font-size: inherit;
  1534.  cursor: pointer;
  1535. }
  1536.  
  1537. #shopify-subscription-policy-button::before {
  1538.  box-shadow: none;
  1539. }
  1540.  
  1541.      </style>
  1542. <link rel="compression-dictionary" href="//me.lol/cdn/shop/t/1/compiled_assets/styles.css?v=28773759296090554651774804917" crossorigin="anonymous">
  1543. <link rel="stylesheet" media="screen" href="//me.lol/cdn/shop/t/1/compiled_assets/styles.css?v=28773759296090554651774804917&subset=AB4AQAABAAAwAAIAEAIAQEDoEIADAEDyK0wQQIA" crossorigin="anonymous">
  1544. <script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
  1545.    
  1546.   <style>.quantity-selector-wrapper { display: none !important; } product-price { display: none !important; } .sticky-add-to-cart__price { display: none !important; } .shopify-app-block { display: none !important; } .cart-items__unit-price-wrapper { display: none !important; } zoom-dialog { display: none !important; } .product-media-container__zoom-button { display: none !important; pointer-events: none !important; } .sp-validate-overlay { pointer-events: none !important; } .product-media-container { touch-action: pan-y !important; } product-media-container__button { display: none !important; pointer-events: none !important; }slideshow-component { touch-action: pan-y !important; pointer-events: none !important; } slideshow-component img, slideshow-component .product-media { pointer-events: auto !important; }.sticky-add-to-cart__bar { display: none !important; }.cart-items__property dd { text-transform: uppercase !important; }</style>
  1547.  
  1548.  <!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
  1549. <script type="text/javascript">
  1550.  (function (c, l, a, r, i, t, y) {
  1551.    c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); };
  1552.    t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify";
  1553.    y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
  1554.  
  1555.    c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => {
  1556.      if (error) {
  1557.        console.error("Error loading Shopify features:", error);
  1558.        return;
  1559.      }
  1560.  
  1561.      c[a]('consentv2', {
  1562.        ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied",
  1563.        analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied",
  1564.        source: 101,
  1565.      });
  1566.    });
  1567.  
  1568.    l.addEventListener("visitorConsentCollected", function (e) {
  1569.      c[a]('consentv2', {
  1570.        ad_Storage: e.detail.marketingAllowed ? "granted" : "denied",
  1571.        analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied",
  1572.        source: 101,
  1573.      });
  1574.    });
  1575.  })(window, document, "clarity", "script", "wwrzis5zop");
  1576. </script>
  1577.  
  1578.  
  1579.  
  1580. <!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
  1581. <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 71416971451,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
  1582. <script>
  1583.  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
  1584. </script>
  1585. <script id="web-pixels-manager-setup">(function(){var wpmLoader=function(){"use strict";return function(e,d,r,n){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};if(!Boolean(null==(i=null==(a=window.Shopify)?void 0:a.analytics)?void 0:i.replayQueue)){var a,i;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l,u,c,m,p,f,h,g,y,w,v,b,S,P=(u=(l={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,c=l.legacy,(m=navigator.userAgent).match(u)?"modern":m.match(c)?"legacy":"unknown"),C="modern"===P?"modern":"legacy",_=(null!=n?n:{modern:"",legacy:""})[C],O=[(p={baseUrl:d,hashVersion:r,buildTarget:C}).baseUrl,"/wpm","/b",p.hashVersion,"modern"===p.buildTarget?"m":"l",".js"].join(""),U=(f={version:r,bundleTarget:P,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint},h=f.version,g=f.bundleTarget,y=f.surface,w=f.pageUrl,v=f.monorailEndpoint,{emit:function(e){var d=e.status,r=e.errorMsg,n=(new Date).getTime(),o=JSON.stringify({metadata:{event_sent_at_ms:n},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:h,bundle_target:g,page_url:w,status:d,surface:y,error_msg:r},metadata:{event_created_at_ms:n}}]});if(!v)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(v,o)}catch(e){}var a=new XMLHttpRequest;try{return a.open("POST",v,!0),a.setRequestHeader("Content-Type","text/plain"),a.send(o),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}});try{o.browserTarget=P,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,a=e.onerror,i=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,i&&(l.integrity=i,l.crossOrigin="anonymous"),s)for(var m in s)if(Object.prototype.hasOwnProperty.call(s,m))try{l.dataset[m]=s[m]}catch(e){}if(o&&l.addEventListener("load",o),a&&l.addEventListener("error",a),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:O,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null==(d=null==(e=window.Shopify)?void 0:e.analytics)?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)}),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return U.emit({status:"failed",errorMsg:"".concat(O," has failed to load")})},sri:(b=_,S=/^sha384-[A-Za-z0-9+/=]+$/,"string"==typeof b&&S.test(b)?_:""),scriptDataAttributes:o}),U.emit({status:"loading"})}catch(e){U.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}}}();wpmLoader({shopId: 71416971451,storefrontBaseUrl: "https://me.lol",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","d5bdd5d0","3209b71c","5acaffe6","86d76263","3b3c7daf","6faea013"],webPixelsConfigList: [{"id":"1893793979","configuration":"{\"projectId\":\"wwrzis5zop\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4e27c3dfbb360ace43db5c8bd52813dd","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Me.LOL","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"jpvemi-t2.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/me.lol"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"You had one thought. We made it wearable.","vendor":"Me.LOL","id":"8369995022523","untranslatedTitle":"You had one thought. We made it wearable.","url":"\/products\/put-it-on-a-free-shirt","type":""},"id":"47635674136763","image":{"src":"\/\/me.lol\/cdn\/shop\/files\/FinalFlatShirt.png?v=1779400967"},"sku":null,"title":"XS \/ Standard","untranslatedTitle":"XS \/ Standard"},{"price":{"amount":4.99,"currencyCode":"USD"},"product":{"title":"You had one thought. We made it wearable.","vendor":"Me.LOL","id":"8369995022523","untranslatedTitle":"You had one thought. We made it wearable.","url":"\/products\/put-it-on-a-free-shirt","type":""},"id":"47635674169531","image":{"src":"\/\/me.lol\/cdn\/shop\/files\/FinalFlatShirt.png?v=1779400967"},"sku":null,"title":"XS \/ Add The \"Finger\" (+$4.99)","untranslatedTitle":"XS \/ Add The \"Finger\" (+$4.99)"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"You had one thought. We made it wearable.","vendor":"Me.LOL","id":"8369995022523","untranslatedTitle":"You had one thought. We made it wearable.","url":"\/products\/put-it-on-a-free-shirt","type":""},"id":"47635674202299","image":{"src":"\/\/me.lol\/cdn\/shop\/files\/FinalFlatShirt.png?v=1779400967"},"sku":null,"title":"S \/ Standard","untranslatedTitle":"S \/ Standard"},{"price":{"amount":4.99,"currencyCode":"USD"},"product":{"title":"You had one thought. We made it wearable.","vendor":"Me.LOL","id":"8369995022523","untranslatedTitle":"You had one thought. We made it wearable.","url":"\/products\/put-it-on-a-free-shirt","type":""},"id":"47635674235067","image":{"src":"\/\/me.lol\/cdn\/shop\/files\/FinalFlatShirt.png?v=1779400967"},"sku":null,"title":"S \/ Add The \"Finger\" (+$4.99)","untranslatedTitle":"S \/ Add The \"Finger\" (+$4.99)"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"You had one thought. We made it wearable.","vendor":"Me.LOL","id":"8369995022523","untranslatedTitle":"You had one thought. We made it wearable.","url":"\/products\/put-it-on-a-free-shirt","type":""},"id":"47635674267835","image":{"src":"\/\/me.lol\/cdn\/shop\/files\/FinalFlatShirt.png?v=1779400967"},"sku":null,"title":"M \/ Standard","untranslatedTitle":"M \/ Standard"},{"price":{"amount":4.99,"currencyCode":"USD"},"product":{"title":"You had one thought. We made it wearable.","vendor":"Me.LOL","id":"8369995022523","untranslatedTitle":"You had one thought. We made it wearable.","url":"\/products\/put-it-on-a-free-shirt","type":""},"id":"47635674300603","image":{"src":"\/\/me.lol\/cdn\/shop\/files\/FinalFlatShirt.png?v=1779400967"},"sku":null,"title":"M \/ Add The \"Finger\" (+$4.99)","untranslatedTitle":"M \/ Add The \"Finger\" (+$4.99)"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"You had one thought. We made it wearable.","vendor":"Me.LOL","id":"8369995022523","untranslatedTitle":"You had one thought. We made it wearable.","url":"\/products\/put-it-on-a-free-shirt","type":""},"id":"47635674333371","image":{"src":"\/\/me.lol\/cdn\/shop\/files\/FinalFlatShirt.png?v=1779400967"},"sku":null,"title":"L \/ Standard","untranslatedTitle":"L \/ Standard"},{"price":{"amount":4.99,"currencyCode":"USD"},"product":{"title":"You had one thought. We made it wearable.","vendor":"Me.LOL","id":"8369995022523","untranslatedTitle":"You had one thought. We made it wearable.","url":"\/products\/put-it-on-a-free-shirt","type":""},"id":"47635674366139","image":{"src":"\/\/me.lol\/cdn\/shop\/files\/FinalFlatShirt.png?v=1779400967"},"sku":null,"title":"L \/ Add The \"Finger\" (+$4.99)","untranslatedTitle":"L \/ Add The \"Finger\" (+$4.99)"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"You had one thought. We made it wearable.","vendor":"Me.LOL","id":"8369995022523","untranslatedTitle":"You had one thought. We made it wearable.","url":"\/products\/put-it-on-a-free-shirt","type":""},"id":"47635674398907","image":{"src":"\/\/me.lol\/cdn\/shop\/files\/FinalFlatShirt.png?v=1779400967"},"sku":null,"title":"XL \/ Standard","untranslatedTitle":"XL \/ Standard"},{"price":{"amount":4.99,"currencyCode":"USD"},"product":{"title":"You had one thought. We made it wearable.","vendor":"Me.LOL","id":"8369995022523","untranslatedTitle":"You had one thought. We made it wearable.","url":"\/products\/put-it-on-a-free-shirt","type":""},"id":"47635674431675","image":{"src":"\/\/me.lol\/cdn\/shop\/files\/FinalFlatShirt.png?v=1779400967"},"sku":null,"title":"XL \/ Add The \"Finger\" (+$4.99)","untranslatedTitle":"XL \/ Add The \"Finger\" (+$4.99)"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"You had one thought. We made it wearable.","vendor":"Me.LOL","id":"8369995022523","untranslatedTitle":"You had one thought. We made it wearable.","url":"\/products\/put-it-on-a-free-shirt","type":""},"id":"47635674464443","image":{"src":"\/\/me.lol\/cdn\/shop\/files\/FinalFlatShirt.png?v=1779400967"},"sku":null,"title":"2XL \/ Standard","untranslatedTitle":"2XL \/ Standard"},{"price":{"amount":4.99,"currencyCode":"USD"},"product":{"title":"You had one thought. We made it wearable.","vendor":"Me.LOL","id":"8369995022523","untranslatedTitle":"You had one thought. We made it wearable.","url":"\/products\/put-it-on-a-free-shirt","type":""},"id":"47635674497211","image":{"src":"\/\/me.lol\/cdn\/shop\/files\/FinalFlatShirt.png?v=1779400967"},"sku":null,"title":"2XL \/ Add The \"Finger\" (+$4.99)","untranslatedTitle":"2XL \/ Add The \"Finger\" (+$4.99)"}],"products":null,"purchasingCompany":null,"page":null},},"https://me.lol/cdn","a9664f44w6a62cec8p04af10e4mb91e3447",{"modern":"","legacy":""},{"trekkieShim":true,"apiClientId":"580111","pageType":"product","resourceId":"8369995022523","shopId":"71416971451","storefrontBaseUrl":"https:\/\/me.lol","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"d5bdd5d0\", \"3209b71c\", \"5acaffe6\", \"86d76263\", \"3b3c7daf\", \"6faea013\"]","isMerchantRequest":"false","hashVersion":"a9664f44w6a62cec8p04af10e4mb91e3447","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":0.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"You had one thought. We made it wearable.\",\"vendor\":\"Me.LOL\",\"id\":\"8369995022523\",\"untranslatedTitle\":\"You had one thought. We made it wearable.\",\"url\":\"\/products\/put-it-on-a-free-shirt\",\"type\":\"\"},\"id\":\"47635674136763\",\"image\":{\"src\":\"\/\/me.lol\/cdn\/shop\/files\/FinalFlatShirt.png?v=1779400967\"},\"sku\":null,\"title\":\"XS \/ Standard\",\"untranslatedTitle\":\"XS \/ Standard\"}}]]"});})();</script><script>
  1586.  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  1587.  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  1588.  window.ShopifyAnalytics.meta.currency = 'USD';
  1589.  var meta = {"product":{"id":8369995022523,"gid":"gid:\/\/shopify\/Product\/8369995022523","vendor":"Me.LOL","type":"","handle":"put-it-on-a-free-shirt","variants":[{"id":47635674136763,"price":0,"name":"You had one thought. We made it wearable. - XS \/ Standard","public_title":"XS \/ Standard","sku":null},{"id":47635674169531,"price":499,"name":"You had one thought. We made it wearable. - XS \/ Add The \"Finger\" (+$4.99)","public_title":"XS \/ Add The \"Finger\" (+$4.99)","sku":null},{"id":47635674202299,"price":0,"name":"You had one thought. We made it wearable. - S \/ Standard","public_title":"S \/ Standard","sku":null},{"id":47635674235067,"price":499,"name":"You had one thought. We made it wearable. - S \/ Add The \"Finger\" (+$4.99)","public_title":"S \/ Add The \"Finger\" (+$4.99)","sku":null},{"id":47635674267835,"price":0,"name":"You had one thought. We made it wearable. - M \/ Standard","public_title":"M \/ Standard","sku":null},{"id":47635674300603,"price":499,"name":"You had one thought. We made it wearable. - M \/ Add The \"Finger\" (+$4.99)","public_title":"M \/ Add The \"Finger\" (+$4.99)","sku":null},{"id":47635674333371,"price":0,"name":"You had one thought. We made it wearable. - L \/ Standard","public_title":"L \/ Standard","sku":null},{"id":47635674366139,"price":499,"name":"You had one thought. We made it wearable. - L \/ Add The \"Finger\" (+$4.99)","public_title":"L \/ Add The \"Finger\" (+$4.99)","sku":null},{"id":47635674398907,"price":0,"name":"You had one thought. We made it wearable. - XL \/ Standard","public_title":"XL \/ Standard","sku":null},{"id":47635674431675,"price":499,"name":"You had one thought. We made it wearable. - XL \/ Add The \"Finger\" (+$4.99)","public_title":"XL \/ Add The \"Finger\" (+$4.99)","sku":null},{"id":47635674464443,"price":0,"name":"You had one thought. We made it wearable. - 2XL \/ Standard","public_title":"2XL \/ Standard","sku":null},{"id":47635674497211,"price":499,"name":"You had one thought. We made it wearable. - 2XL \/ Add The \"Finger\" (+$4.99)","public_title":"2XL \/ Add The \"Finger\" (+$4.99)","sku":null}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":8369995022523,"requestId":"7f446824-ed07-47b6-81a5-b86eb69ea3b8-1780937950"}};
  1590.  for (var attr in meta) {
  1591.    window.ShopifyAnalytics.meta[attr] = meta[attr];
  1592.  }
  1593. </script>
  1594. <script class="analytics">
  1595.  (function () {
  1596.    var customDocumentWrite = function(content) {
  1597.      var jquery = null;
  1598.  
  1599.      if (window.jQuery) {
  1600.        jquery = window.jQuery;
  1601.      } else if (window.Checkout && window.Checkout.$) {
  1602.        jquery = window.Checkout.$;
  1603.      }
  1604.  
  1605.      if (jquery) {
  1606.        jquery('body').append(content);
  1607.      }
  1608.    };
  1609.  
  1610.    var hasLoggedConversion = function(token) {
  1611.      if (token) {
  1612.        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
  1613.      }
  1614.      return false;
  1615.    }
  1616.  
  1617.    var setCookieIfConversion = function(token) {
  1618.      if (token) {
  1619.        var twoMonthsFromNow = new Date(Date.now());
  1620.        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
  1621.  
  1622.        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
  1623.      }
  1624.    }
  1625.  
  1626.    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
  1627.    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
  1628.    if (trekkie.integrations) {
  1629.      return;
  1630.    }
  1631.    trekkie.methods = [
  1632.      'identify',
  1633.      'page',
  1634.      'ready',
  1635.      'track',
  1636.      'trackForm',
  1637.      'trackLink'
  1638.    ];
  1639.    trekkie.factory = function(method) {
  1640.      return function() {
  1641.        var args = Array.prototype.slice.call(arguments);
  1642.        args.unshift(method);
  1643.        trekkie.push(args);
  1644.        if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
  1645.          try {
  1646.            window.__TREKKIE_SHIM_QUEUE.push({
  1647.              from: 'trekkie-stub',
  1648.              method: method,
  1649.              args: args.slice(1)
  1650.            });
  1651.          } catch (e) {
  1652.            // no-op
  1653.          }
  1654.        }
  1655.        return trekkie;
  1656.      };
  1657.    };
  1658.    for (var i = 0; i < trekkie.methods.length; i++) {
  1659.      var key = trekkie.methods[i];
  1660.      trekkie[key] = trekkie.factory(key);
  1661.    }
  1662.    trekkie.load = function(config) {
  1663.      trekkie.config = config || {};
  1664.      trekkie.config.initialDocumentCookie = document.cookie;
  1665.      var first = document.getElementsByTagName('script')[0];
  1666. var script = document.createElement('script');
  1667. script.type = 'text/javascript';
  1668. script.onerror = function(e) {
  1669.  var scriptFallback = document.createElement('script');
  1670.  scriptFallback.type = 'text/javascript';
  1671.  scriptFallback.onerror = function(error) {
  1672.          var Monorail = {
  1673.      produce: function produce(monorailDomain, schemaId, payload) {
  1674.        var currentMs = new Date().getTime();
  1675.        var event = {
  1676.          schema_id: schemaId,
  1677.          payload: payload,
  1678.          metadata: {
  1679.            event_created_at_ms: currentMs,
  1680.            event_sent_at_ms: currentMs
  1681.          }
  1682.        };
  1683.        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
  1684.      },
  1685.      sendRequest: function sendRequest(endpointUrl, payload) {
  1686.        // Try the sendBeacon API
  1687.        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
  1688.          var blobData = new window.Blob([payload], {
  1689.            type: 'text/plain'
  1690.          });
  1691.  
  1692.          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
  1693.            return true;
  1694.          } // sendBeacon was not successful
  1695.  
  1696.        } // XHR beacon
  1697.  
  1698.        var xhr = new XMLHttpRequest();
  1699.  
  1700.        try {
  1701.          xhr.open('POST', endpointUrl);
  1702.          xhr.setRequestHeader('Content-Type', 'text/plain');
  1703.          xhr.send(payload);
  1704.        } catch (e) {
  1705.          console.log(e);
  1706.        }
  1707.  
  1708.        return false;
  1709.      },
  1710.      isIos12: function isIos12() {
  1711.        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
  1712.      }
  1713.    };
  1714.    Monorail.produce('monorail-edge.shopifysvc.com',
  1715.      'trekkie_storefront_load_errors/1.1',
  1716.      {shop_id: 71416971451,
  1717.      theme_id: 146555699387,
  1718.      app_name: "storefront",
  1719.      context_url: window.location.href,
  1720.      source_url: "//me.lol/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js"});
  1721.  
  1722.  };
  1723.  scriptFallback.async = true;
  1724.  scriptFallback.src = '//me.lol/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
  1725.  first.parentNode.insertBefore(scriptFallback, first);
  1726. };
  1727. script.async = true;
  1728. script.src = '//me.lol/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
  1729. first.parentNode.insertBefore(script, first);
  1730.  
  1731.    };
  1732.    trekkie.load(
  1733.      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":71416971451,"isMerchantRequest":null,"themeId":146555699387,"themeCityHash":"7101578179962028510","contentLanguage":"en","currency":"USD","eventMetadataId":"ae1fd212-ef69-490a-be16-2b65e5361b38"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
  1734.    );
  1735.  
  1736.    var loaded = false;
  1737.    trekkie.ready(function() {
  1738.      if (loaded) return;
  1739.      loaded = true;
  1740.  
  1741.      window.ShopifyAnalytics.lib = window.trekkie;
  1742.  
  1743.      var originalDocumentWrite = document.write;
  1744.      document.write = customDocumentWrite;
  1745.      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
  1746.      document.write = originalDocumentWrite;
  1747.  
  1748.      window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":8369995022523,"requestId":"7f446824-ed07-47b6-81a5-b86eb69ea3b8-1780937950","shopifyEmitted":true});
  1749.  
  1750.      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
  1751.      var token = match? match[1]: undefined;
  1752.      if (!hasLoggedConversion(token)) {
  1753.        setCookieIfConversion(token);
  1754.        window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"USD","variantId":47635674136763,"productId":8369995022523,"productGid":"gid:\/\/shopify\/Product\/8369995022523","name":"You had one thought. We made it wearable. - XS \/ Standard","price":"0.00","sku":null,"brand":"Me.LOL","variant":"XS \/ Standard","category":"","nonInteraction":true,"remote":false},undefined,undefined,{"shopifyEmitted":true});
  1755.      window.ShopifyAnalytics.lib.track("monorail:\/\/trekkie_storefront_viewed_product\/1.1",{"currency":"USD","variantId":47635674136763,"productId":8369995022523,"productGid":"gid:\/\/shopify\/Product\/8369995022523","name":"You had one thought. We made it wearable. - XS \/ Standard","price":"0.00","sku":null,"brand":"Me.LOL","variant":"XS \/ Standard","category":"","nonInteraction":true,"remote":false,"referer":"https:\/\/me.lol\/products\/put-it-on-a-free-shirt?domain=change.lol\u0026sig=95fb559bce1256ff6b55a4cf865e1149a67f0a6800cc1838d6282a1672f631fe"});
  1756.      }
  1757.    });
  1758.  
  1759.    var eventsListenerScript = document.createElement('script');
  1760.    eventsListenerScript.async = true;
  1761.    eventsListenerScript.src = "//me.lol/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
  1762.    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
  1763. })();</script>
  1764. <script
  1765.  defer
  1766.  src="https://me.lol/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.5.0.min.js"
  1767.  data-application="storefront-renderer"
  1768.  data-shop-id="71416971451"
  1769.  data-render-region="gcp-us-east1"
  1770.  data-page-type="product"
  1771.  data-theme-instance-id="146555699387"
  1772.  data-theme-name="Horizon"
  1773.  data-theme-version="3.5.0"
  1774.  data-monorail-region="shop_domain"
  1775.  data-resource-timing-sampling-rate="10"
  1776.  data-shs="true"
  1777.  data-shs-beacon="true"
  1778.  data-shs-export-with-fetch="true"
  1779.  data-shs-logs-sample-rate="1"
  1780.  data-shs-beacon-endpoint="https://me.lol/api/collect"
  1781. ></script>
  1782. <script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script><script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"71416971451","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"b2bEnabled":false,"marketingConsentSigninEnabled":false},"visitor":{"country":"US","language":"en"}}</script>
  1783. </head>
  1784.  
  1785.  <body class="page-width-narrow card-hover-effect-none">
  1786.    <script>if(window.location.pathname==='/'||window.location.pathname===''){window.location.replace('/products/put-it-on-a-free-shirt' + window.location.search)}</script>
  1787.    <a
  1788.  class="skip-to-content-link button-secondary"
  1789.  href="#MainContent"
  1790. >
  1791.  Skip to content
  1792. </a>
  1793.  
  1794.  
  1795.  
  1796.    <div id="header-group">
  1797.      <!-- BEGIN sections: header-group -->
  1798. <div id="shopify-section-sections--19336426094779__header_announcements_9jGBFp" class="shopify-section shopify-section-group-header-group">
  1799.  
  1800.  
  1801.  
  1802. <div class="section-background color-scheme-1"></div>
  1803. <aside
  1804.  class="announcement-bar spacing-style section section--page-width color-scheme-1"
  1805.  style="--padding-block-start: 15px; --padding-block-end:15px;
  1806. --padding-inline-start:0px; --padding-inline-end:0px;
  1807. ; --border-bottom-width: 1px;"
  1808. >
  1809.  
  1810.  
  1811.  <announcement-bar-component
  1812.    class="announcement-bar__slider"
  1813.    
  1814.  >
  1815.    
  1816.  
  1817.    <div class="announcement-bar__slides">
  1818.      
  1819. <slideshow-slide
  1820.    ref="slides[]"
  1821.    class="
  1822.      announcement-bar__slide
  1823.      text-block
  1824.      text-block--AaTNmeEE5Z1NrREJmZ__announcement_BxgCk9
  1825.      text-block--align-center
  1826.      text-block--full-width
  1827.      custom-typography
  1828.      custom-font-size
  1829.      
  1830.    "
  1831.    style="
  1832.      
  1833. --color: ;--font-size: 0.75rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
  1834.      --width: 100%;
  1835.      --text-align: center;
  1836.      --line-height: 1;
  1837.    "
  1838.    
  1839.    aria-hidden="false"
  1840.  >
  1841.    <p class="announcement-bar__text">
  1842.      Welcome to our store
  1843.    </p>
  1844.  
  1845.    
  1846.  </slideshow-slide>
  1847.  
  1848.  
  1849.  
  1850.    </div>
  1851.  </announcement-bar-component>
  1852. </aside>
  1853.  
  1854.  
  1855.  
  1856.  
  1857. </div><header id="shopify-section-sections--19336426094779__header_section" class="shopify-section shopify-section-group-header-group header-section">
  1858.  
  1859.  
  1860.  
  1861.  
  1862.  
  1863.  
  1864.  
  1865.  
  1866.  
  1867. <script type="application/ld+json">
  1868.  {
  1869.    "@context": "http://schema.org",
  1870.    "@type": "Organization",
  1871.    "name": "Me.LOL",
  1872.    
  1873.    "url": "https:\/\/me.lol"
  1874.  }
  1875. </script>
  1876.  
  1877. <header-component
  1878.  id="header-component"
  1879.  class="header"
  1880.  data-theme-color="rgb(255 255 255)"
  1881.  
  1882.  
  1883.    sticky="always"
  1884.  
  1885.  data-skip-node-update
  1886.  data-scroll-direction="none"
  1887.  
  1888.  
  1889.  style="
  1890.    --color-scheme-top-row: rgba(255 255 255 / 1.0);
  1891.    --color-scheme-bottom-row: rgba(255 255 255 / 1.0);
  1892.    
  1893.  "
  1894. >
  1895.  <div class="header__underlay header__underlay-closed"></div>
  1896.  <div
  1897.    class="header__underlay header__underlay-open"
  1898.  ></div>
  1899.    
  1900.  
  1901.    
  1902.  
  1903.    
  1904.    
  1905.      <div
  1906.        class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width"
  1907.        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
  1908.        <div class="header__columns spacing-style">
  1909.          <div
  1910.      class="header__column header__column--left"
  1911.      data-testid="header-top-left"
  1912.    >
  1913.      
  1914.        
  1915.          
  1916.              
  1917.  
  1918.  
  1919.  
  1920.    <div
  1921.      class="header__drawer"
  1922.      ref="headerDrawerContainer"
  1923.      data-hydration-key="header-drawer-mobile"
  1924.      
  1925.    >
  1926.      
  1927.  
  1928. <script
  1929.  src="//me.lol/cdn/shop/t/1/assets/header-drawer.js?v=121243031541024704371774804913"
  1930.  type="module"
  1931.  fetchpriority="low"
  1932. ></script>
  1933.  
  1934. <header-drawer
  1935.  class="header-drawer "
  1936.  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
  1937. >
  1938.  <details
  1939.    id="Details-menu-drawer-container"
  1940.    data-skip-node-update="true"
  1941.    class="menu-drawer-container"
  1942.    ref="details"
  1943.    scroll-lock
  1944.  >
  1945.    <summary
  1946.      class="header__icon header__icon--menu header__icon--summary"
  1947.      aria-label="Menu"
  1948.      on:click="/toggle"
  1949.    >
  1950.      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  1951.  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  1952.  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  1953. </svg>
  1954. </span>
  1955.      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  1956.  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  1957.  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  1958. </svg>
  1959. </span>
  1960.    </summary>
  1961.    <div
  1962.      ref="menuDrawer"
  1963.      class="
  1964.        menu-drawer
  1965.        color-scheme-1
  1966.      "
  1967.    >
  1968.      <button
  1969.        class="button close-button menu-drawer__close-button"
  1970.        type="button"
  1971.        aria-label="Close"
  1972.        on:click="/close"
  1973.      >
  1974.        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  1975.  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  1976.  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  1977. </svg>
  1978. </span>
  1979.      </button>
  1980.      <nav
  1981.        class="menu-drawer__navigation"
  1982.        style="--menu-top-level-font-family: var(--font-body--family);
  1983. --menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
  1984.  
  1985.  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
  1986.  var(--menu-font-2xl--line-height);
  1987.  
  1988. --menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
  1989.  
  1990. --menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
  1991. var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
  1992. none;
  1993.  
  1994.    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
  1995.    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
  1996.    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
  1997.  
  1998. --menu-child-font-family: var(--font-body--family); --menu-child-font-style:
  1999. var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
  2000. none;
  2001.  
  2002.    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
  2003.    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
  2004.    var(--opacity-subdued-text));
  2005.  
  2006.  
  2007.        "
  2008.        aria-label="Primary"
  2009.      >
  2010.        <ul
  2011.          class="menu-drawer__menu has-submenu"
  2012.          role="list"
  2013.        >
  2014.            
  2015.            
  2016.  
  2017.              <li
  2018.                style="--menu-drawer-animation-index: 1;"
  2019.                class="menu-drawer__list-item--flat"
  2020.              >
  2021.                
  2022. <a
  2023.                    id="HeaderDrawer-catalog"
  2024.                    href="/collections/all"
  2025.                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
  2026.                    
  2027.                  >
  2028.                    <span class="menu-drawer__menu-item-text wrap-text">Catalog</span>
  2029.                  </a>
  2030.                
  2031.              </li>
  2032.              <li
  2033.                style="--menu-drawer-animation-index: 2;"
  2034.                class="menu-drawer__list-item--flat"
  2035.              >
  2036.                
  2037. <a
  2038.                    id="HeaderDrawer-contact"
  2039.                    href="/pages/contact"
  2040.                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
  2041.                    
  2042.                  >
  2043.                    <span class="menu-drawer__menu-item-text wrap-text">Contact</span>
  2044.                  </a>
  2045.                
  2046.              </li>
  2047.              <li
  2048.                style="--menu-drawer-animation-index: 3;"
  2049.                class="menu-drawer__list-item--flat"
  2050.              >
  2051.                
  2052. <a
  2053.                    id="HeaderDrawer-faq-wtf"
  2054.                    href="/pages/faq-wtf"
  2055.                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
  2056.                    
  2057.                  >
  2058.                    <span class="menu-drawer__menu-item-text wrap-text">FAQ.WTF</span>
  2059.                  </a>
  2060.                
  2061.              </li>
  2062.        </ul>
  2063.      </nav>
  2064.      <div
  2065.        class="menu-drawer__utility-links menu-drawer__animated-element"
  2066.        style="--menu-drawer-animation-index: 3;"
  2067.      >
  2068.        
  2069.        </div>
  2070.  
  2071.      
  2072.    </div>
  2073.    <div
  2074.      class="menu-drawer__backdrop"
  2075.      on:click="header-drawer/close"
  2076.    ></div>
  2077.  </details>
  2078. </header-drawer>
  2079.  
  2080.  
  2081.  
  2082.    </div>
  2083.  
  2084.  
  2085.  
  2086. <style data-shopify>
  2087.  .header__underlay {
  2088.    --color-submenu: rgb(255 255 255 / 1.0);
  2089.  }
  2090. </style>
  2091.  
  2092.  
  2093.  
  2094.  
  2095.            
  2096.        
  2097.      
  2098.        
  2099.          
  2100.              
  2101.  <search-button
  2102.    class="search-action search-action--hidden-on-menu"
  2103.  >
  2104.    <button
  2105.      on:click="#search-modal/showDialog"
  2106.      class="button-unstyled header-actions__action"
  2107.      aria-label="Search"
  2108.      aria-haspopup="dialog"
  2109.    >
  2110.      <span class="hidden">
  2111.        Search
  2112.      </span>
  2113.  
  2114.      <span class="svg-wrapper ">
  2115.        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
  2116.  
  2117.      </span>
  2118.    </button>
  2119.  </search-button>
  2120.  
  2121.  
  2122.  
  2123.  
  2124.            
  2125.        
  2126.      
  2127.        
  2128.          
  2129.              
  2130.  
  2131.  
  2132.  
  2133.  
  2134. <a
  2135.  
  2136.  href="/"
  2137.  class="size-style spacing-style header-logo"
  2138.  style="
  2139.    --size-style-width: ;--size-style-height: ;
  2140.    --padding-block-start: 0px;--padding-block-end: 0px;
  2141.    --font-family: var(--font-body--family);
  2142.    --font-style: var(--font-body--style);
  2143.    --font-weight: 600;
  2144.  "
  2145.  
  2146. >
  2147.  
  2148.  
  2149.  <span
  2150.    class="header-logo__image-container header-logo__image-container--original"
  2151.    data-testid="header-logo"
  2152.  >
  2153.    
  2154.  Me.LOL
  2155.  
  2156.  
  2157.  </span>
  2158.  
  2159.  
  2160. </a>
  2161.  
  2162.  
  2163.  
  2164.  
  2165.  
  2166.            
  2167.        
  2168.      
  2169.        
  2170.          
  2171.              
  2172.  
  2173.  
  2174.  
  2175.    
  2176.  
  2177.    
  2178.  
  2179.    <header-menu
  2180.      ref="headerMenu"
  2181.      class="header-menu"
  2182.      
  2183.      data-hydration-key="header-menu"
  2184.    >
  2185.      <div class="header-menu__inner">
  2186.        <nav
  2187.          class="menu-list"
  2188.          aria-label="Primary"
  2189.          style="--menu-top-level-font-family: var(--font-body--family);
  2190. --menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
  2191.  
  2192.  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
  2193.  var(--menu-font-sm--line-height);
  2194.  
  2195. --menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
  2196. "
  2197.        >
  2198.          
  2199.          <overflow-list
  2200.  
  2201.    ref="overflowMenu"
  2202.  
  2203.  
  2204.    class="overflow-menu color-scheme-matches-parent"
  2205.  
  2206.  
  2207.    minimum-items="2"
  2208.  
  2209.  
  2210.    data-testid="header-menu-overflow-list"
  2211.  
  2212.  
  2213.    data-skip-node-update
  2214.  
  2215. >
  2216.  <template shadowrootmode="open">
  2217.    <link href="//me.lol/cdn/shop/t/1/assets/overflow-list.css?v=16727044177065489451774804913" rel="stylesheet" type="text/css" media="all" />
  2218.  
  2219.    <ul part="list">
  2220.      <slot></slot>
  2221.      <slot
  2222.        name="more"
  2223.        part="more"
  2224.        hidden
  2225.        
  2226.      >
  2227.        <li
  2228.          part="more"
  2229.        >
  2230.          <button
  2231.            class="button"
  2232.            type="button"
  2233.            tabindex="0"
  2234.            
  2235.          >
  2236.            More
  2237.          </button>
  2238.        </li>
  2239.      </slot>
  2240.      <li
  2241.        part="placeholder"
  2242.        hidden
  2243.      ></li>
  2244.    </ul>
  2245.  
  2246.    <div part="overflow">
  2247.      <ul part="overflow-list">
  2248.        <slot name="overflow"></slot>
  2249.      </ul>
  2250.    </div>
  2251.  </template>
  2252.  
  2253.  
  2254.      
  2255.        <li
  2256.          role="presentation"
  2257.          class="menu-list__list-item"
  2258.          on:focus="/activate"
  2259.          on:blur="/deactivate"
  2260.          on:pointerenter="/activate"
  2261.          on:pointerleave="/deactivate"
  2262.        >
  2263.          <a
  2264.            href="/collections/all"
  2265.            data-skip-node-update="true"
  2266.            class="menu-list__link"
  2267.            ref="menuitem"
  2268.          >
  2269.            <span class="menu-list__link-title">Catalog</span>
  2270.          </a></li>
  2271.      
  2272.        <li
  2273.          role="presentation"
  2274.          class="menu-list__list-item"
  2275.          on:focus="/activate"
  2276.          on:blur="/deactivate"
  2277.          on:pointerenter="/activate"
  2278.          on:pointerleave="/deactivate"
  2279.        >
  2280.          <a
  2281.            href="/pages/contact"
  2282.            data-skip-node-update="true"
  2283.            class="menu-list__link"
  2284.            ref="menuitem"
  2285.          >
  2286.            <span class="menu-list__link-title">Contact</span>
  2287.          </a></li>
  2288.      
  2289.        <li
  2290.          role="presentation"
  2291.          class="menu-list__list-item"
  2292.          on:focus="/activate"
  2293.          on:blur="/deactivate"
  2294.          on:pointerenter="/activate"
  2295.          on:pointerleave="/deactivate"
  2296.        >
  2297.          <a
  2298.            href="/pages/faq-wtf"
  2299.            data-skip-node-update="true"
  2300.            class="menu-list__link"
  2301.            ref="menuitem"
  2302.          >
  2303.            <span class="menu-list__link-title">FAQ.WTF</span>
  2304.          </a></li>
  2305.      
  2306.      <li
  2307.        class="menu-list__list-item"
  2308.        role="presentation"
  2309.        slot="more"
  2310.        on:focus="/activate"
  2311.        on:blur="/deactivate"
  2312.        on:pointerenter="/activate"
  2313.        on:pointerleave="/deactivate"
  2314.      >
  2315.        <button role="listitem" class="menu-list__link button-unstyled">
  2316.          <span class="menu-list__link-title">More</span>
  2317.        </button>
  2318.      </li>
  2319.    
  2320. </overflow-list>
  2321.  
  2322.        </nav>
  2323.      </div>
  2324.  
  2325.      <script
  2326.        src="//me.lol/cdn/shop/t/1/assets/header-menu.js?v=97820922056036071501774804913"
  2327.        type="module"
  2328.        fetchpriority="low"
  2329.      ></script>
  2330.    </header-menu>
  2331.  
  2332.  
  2333. <style data-shopify>
  2334.  .header__underlay {
  2335.    --color-submenu: rgb(255 255 255 / 1.0);
  2336.  }
  2337. </style>
  2338.  
  2339.  
  2340.  
  2341.  
  2342.            
  2343.        
  2344.      
  2345.    </div><div
  2346.      class="header__column header__column--right"
  2347.      data-testid="header-top-right"
  2348.    >
  2349.      
  2350.        
  2351.          
  2352.              
  2353.  
  2354.  
  2355.  
  2356.            
  2357.        
  2358.      
  2359.        
  2360.          
  2361.              
  2362.  <search-button
  2363.    class="search-action search-action--hidden-on-drawer"
  2364.  >
  2365.    <button
  2366.      on:click="#search-modal/showDialog"
  2367.      class="button-unstyled header-actions__action"
  2368.      aria-label="Search"
  2369.      aria-haspopup="dialog"
  2370.    >
  2371.      <span class="hidden">
  2372.        Search
  2373.      </span>
  2374.  
  2375.      <span class="svg-wrapper ">
  2376.        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
  2377.  
  2378.      </span>
  2379.    </button>
  2380.  </search-button>
  2381.  
  2382.  
  2383.  
  2384.  
  2385.            
  2386.        
  2387.      
  2388.        
  2389.          
  2390.              
  2391.  
  2392. <script
  2393.  type="module"
  2394.  src="//me.lol/cdn/shop/t/1/assets/cart-icon.js?v=157241182139685326961774804913"
  2395.  fetchpriority="low"
  2396. ></script>
  2397.  
  2398.  
  2399.  
  2400.  
  2401.  
  2402. <header-actions
  2403.  
  2404. >
  2405.  
  2406.    
  2407.    <div
  2408.      class="account-button header-actions__action color-scheme-1"
  2409.    >
  2410.      <shopify-store store-domain="https://me.lol" country="US" language="en"></shopify-store>
  2411. <shopify-account
  2412.        menu="customer-account-main-menu"
  2413.        
  2414.      >
  2415.        
  2416.          <span
  2417.            slot="signed-out-avatar"
  2418.            class="account-button__text header-actions__text-style hidden"
  2419.          >
  2420.            Account
  2421.          </span>
  2422.  
  2423.          <span
  2424.            slot="signed-out-avatar"
  2425.            class=""
  2426.            aria-hidden="true"
  2427.          >
  2428.            
  2429.  <svg
  2430.    xmlns="http://www.w3.org/2000/svg"
  2431.    width="15"
  2432.    height="17"
  2433.    viewBox="0 0 15 17"
  2434.    fill="none"
  2435.    slot="signed-out-avatar"
  2436.    class="account-button__icon"
  2437.  >
  2438.    <path
  2439.      stroke="currentColor"
  2440.      stroke-linejoin="round"
  2441.      stroke-width="var(--icon-stroke-width)"
  2442.      d="M10.375 3.813a3.063 3.063 0 1 1-6.125 0 3.063 3.063 0 0 1 6.125 0ZM7.313 9.5c-3.667 0-6.24 2.691-6.563 6.125h13.125C13.552 12.191 10.979 9.5 7.312 9.5Z"
  2443.    />
  2444.  </svg>
  2445.  
  2446.          </span>
  2447.        
  2448.      </shopify-account>
  2449.    </div>
  2450.  
  2451.  
  2452.  
  2453.    <script
  2454.      src="//me.lol/cdn/shop/t/1/assets/cart-drawer.js?v=35649724213056774541774804913"
  2455.      type="module"
  2456.      fetchpriority="low"
  2457.    ></script>
  2458.  
  2459.    
  2460.  
  2461.    <cart-drawer-component
  2462.      class="cart-drawer"
  2463.      
  2464.      
  2465.    >
  2466.      <template id="empty-cart-template">
  2467.        
  2468.      <div class="cart-drawer__header">
  2469.        <button
  2470.          ref="closeButton"
  2471.          on:click="cart-drawer-component/close"
  2472.          class="button close-button cart-drawer__close-button button-unstyled"
  2473.          aria-label="Close dialog"
  2474.        >
  2475.          <span class="svg-wrapper"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  2476.  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2477.  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2478. </svg>
  2479. </span>
  2480.        </button>
  2481.      </div>
  2482.  
  2483.      <div
  2484.        class="cart-drawer__content"
  2485.        aria-label="Cart"
  2486.      >
  2487.        <h2
  2488.          class="cart-drawer__heading h4 cart-drawer__heading--empty"
  2489.          id="cart-drawer-heading-empty"
  2490.        >
  2491.          Your cart is empty
  2492.        </h2>
  2493.  
  2494.        <div class="cart-drawer__items">
  2495.          
  2496.  
  2497.  
  2498.  
  2499. <script
  2500.  src="//me.lol/cdn/shop/t/1/assets/component-cart-items.js?v=50627716305227809091774804913"
  2501.  type="module"
  2502.  fetchpriority="low"
  2503. ></script>
  2504. <script
  2505.  src="//me.lol/cdn/shop/t/1/assets/component-cart-quantity-selector.js?v=105130809908858639751774804913"
  2506.  type="module"
  2507.  fetchpriority="low"
  2508. ></script>
  2509. <script
  2510.  src="//me.lol/cdn/shop/t/1/assets/volume-pricing-info.js?v=94479640769665442661774804913"
  2511.  type="module"
  2512.  fetchpriority="low"
  2513. ></script>
  2514.  
  2515. <div
  2516.  
  2517.  class="cart-items__wrapper"
  2518.  
  2519. >
  2520.  
  2521. <p>
  2522.        Have an account? <a href="https://me.lol/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
  2523.      </p><a
  2524.      class="button cart-items__empty-button"
  2525.      href="/collections/all"
  2526.    >
  2527.      <span class="button-text">
  2528.        Continue shopping
  2529.      </span>
  2530.    </a></div>
  2531.  
  2532.  
  2533.  
  2534.        </div>
  2535.      </div>
  2536.    
  2537.      </template>
  2538.      <button
  2539.        class="header-actions__action button-unstyled"
  2540.        on:click="/open"
  2541.        aria-haspopup="dialog"
  2542.        aria-label="Cart"
  2543.        aria-describedby="cart-bubble-text"
  2544.        data-testid="cart-drawer-trigger"
  2545.      >
  2546.        
  2547.  <cart-icon
  2548.    class="header-actions__cart-icon"
  2549.    data-testid="cart-icon"
  2550.  >
  2551.    <span class="hidden">
  2552.      Cart
  2553.    </span>
  2554.  
  2555.    <span
  2556.      class="svg-wrapper "
  2557.      aria-hidden="true"
  2558.    >
  2559.      <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>
  2560.  
  2561.    </span>
  2562.  
  2563.    <div
  2564.  ref="cartBubble"
  2565.  class="cart-bubble visually-hidden"
  2566.  
  2567.  
  2568.    data-maintain-ratio
  2569.  
  2570. >
  2571.  <span class="cart-bubble__background"></span>
  2572.  <span
  2573.    ref="cartBubbleText"
  2574.    id="cart-bubble-text"
  2575.    class="cart-bubble__text"
  2576.  >
  2577.    <span
  2578.      class="cart-bubble__text-count hidden"
  2579.      ref="cartBubbleCount"
  2580.      aria-hidden="true"
  2581.      data-testid="cart-bubble"
  2582.    >
  2583. 0</span>
  2584.  </span>
  2585. </div>
  2586.  
  2587.  
  2588.  
  2589.  </cart-icon>
  2590.  
  2591.      </button>
  2592.  
  2593.      <dialog
  2594.        ref="dialog"
  2595.        class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
  2596.        data-testid="cart-drawer-dialog"
  2597.        aria-labelledby="cart-drawer-heading-empty"
  2598.        scroll-lock
  2599.        cart-summary-sticky="true"
  2600.      >
  2601.        <span
  2602.          ref="liveRegion"
  2603.          class="visually-hidden"
  2604.          role="status"
  2605.        ></span>
  2606.        <div
  2607.          class="cart-drawer__inner"
  2608.          data-hydration-key="cart-drawer-inner"
  2609.        >
  2610.          
  2611.          
  2612.  
  2613. <cart-items-component
  2614.  class="cart-items-component"
  2615.  
  2616.    data-drawer
  2617.  
  2618.  data-section-id="sections--19336426094779__header_section"
  2619. >
  2620.  
  2621.  
  2622.      <div class="cart-drawer__header">
  2623.        <button
  2624.          ref="closeButton"
  2625.          on:click="cart-drawer-component/close"
  2626.          class="button close-button cart-drawer__close-button button-unstyled"
  2627.          aria-label="Close dialog"
  2628.        >
  2629.          <span class="svg-wrapper"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  2630.  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2631.  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2632. </svg>
  2633. </span>
  2634.        </button>
  2635.      </div>
  2636.  
  2637.      <div
  2638.        class="cart-drawer__content"
  2639.        aria-label="Cart"
  2640.      >
  2641.        <h2
  2642.          class="cart-drawer__heading h4 cart-drawer__heading--empty"
  2643.          id="cart-drawer-heading-empty"
  2644.        >
  2645.          Your cart is empty
  2646.        </h2>
  2647.  
  2648.        <div class="cart-drawer__items">
  2649.          
  2650.  
  2651.  
  2652.  
  2653. <script
  2654.  src="//me.lol/cdn/shop/t/1/assets/component-cart-items.js?v=50627716305227809091774804913"
  2655.  type="module"
  2656.  fetchpriority="low"
  2657. ></script>
  2658. <script
  2659.  src="//me.lol/cdn/shop/t/1/assets/component-cart-quantity-selector.js?v=105130809908858639751774804913"
  2660.  type="module"
  2661.  fetchpriority="low"
  2662. ></script>
  2663. <script
  2664.  src="//me.lol/cdn/shop/t/1/assets/volume-pricing-info.js?v=94479640769665442661774804913"
  2665.  type="module"
  2666.  fetchpriority="low"
  2667. ></script>
  2668.  
  2669. <div
  2670.  
  2671.  class="cart-items__wrapper"
  2672.  
  2673. >
  2674.  
  2675. <p>
  2676.        Have an account? <a href="https://me.lol/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
  2677.      </p><a
  2678.      class="button cart-items__empty-button"
  2679.      href="/collections/all"
  2680.    >
  2681.      <span class="button-text">
  2682.        Continue shopping
  2683.      </span>
  2684.    </a></div>
  2685.  
  2686.  
  2687.  
  2688.        </div>
  2689.      </div>
  2690.    
  2691.  
  2692. </cart-items-component>
  2693.  
  2694.  
  2695.  
  2696.        </div>
  2697.      </dialog>
  2698.    </cart-drawer-component>
  2699.  
  2700.  
  2701.  <span
  2702.    ref="liveRegion"
  2703.    class="visually-hidden"
  2704.    role="status"
  2705.    data-testid="cart-count-live-region"
  2706.  ></span>
  2707. </header-actions>
  2708.  
  2709. <script
  2710.  type="module"
  2711.  src="//me.lol/cdn/shop/t/1/assets/header-actions.js?v=121308165565653895611774804913"
  2712.  fetchpriority="low"
  2713. ></script>
  2714.  
  2715.  
  2716.  
  2717.          
  2718.        
  2719.      
  2720.    </div>
  2721.        </div>
  2722.      </div>
  2723.    
  2724.  
  2725.    
  2726.  
  2727.    
  2728.  
  2729.    
  2730.    
  2731.  
  2732.  
  2733.  
  2734.    <div class="header__row header__navigation-bar-row color-scheme-1">
  2735.      
  2736.  
  2737.  
  2738.  
  2739.    
  2740.  
  2741.  
  2742. <style data-shopify>
  2743.  .header__underlay {
  2744.    --color-submenu: rgb(255 255 255 / 1.0);
  2745.  }
  2746. </style>
  2747.  
  2748.  
  2749.  
  2750.  
  2751.    </div>
  2752.  
  2753. </header-component>
  2754.  
  2755. <script
  2756.  src="//me.lol/cdn/shop/t/1/assets/header.js?v=36718054510661947891774804913"
  2757.  type="module"
  2758. ></script>
  2759.  
  2760.  
  2761.  
  2762.  
  2763.  <script type="module">
  2764.    import { hydrate } from '@theme/section-hydration';
  2765.    const url = new URL(window.location.href);
  2766.    url.searchParams.delete('page');
  2767.    hydrate('sections--19336426094779__header_section', url);
  2768.  </script>
  2769.  
  2770.  
  2771.  
  2772. </header>
  2773. <!-- END sections: header-group -->
  2774.    </div>
  2775.  
  2776.    <script>
  2777.      // Inline header height and menu style calculations to prevent layout shift
  2778.      // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
  2779.      (function setHeaderHeighCustomProperties() {
  2780.        /*
  2781.         * Header calculation functions for maintaining CSS variables
  2782.         * Mimic calculateHeaderGroupHeight() in utilities.js
  2783.         */
  2784.        const header = document.querySelector('header-component');
  2785.        const headerGroup = document.querySelector('#header-group');
  2786.        const hasHeaderSection = headerGroup?.querySelector('.header-section');
  2787.  
  2788.        if (!header || !headerGroup) return;
  2789.  
  2790.        const headerTopRow = header.querySelector('.header__row--top');
  2791.        const headerHeight = header.offsetHeight;
  2792.  
  2793.        // Calculate the total height of the header group
  2794.        let headerGroupHeight = 0;
  2795.        const children = headerGroup.children;
  2796.        for (let i = 0; i < children.length; i++) {
  2797.          const element = children[i];
  2798.          if (element === header || !(element instanceof HTMLElement)) continue;
  2799.          headerGroupHeight += element.offsetHeight;
  2800.        }
  2801.  
  2802.        // Check for transparent header special case
  2803.        if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
  2804.          headerGroupHeight += headerHeight;
  2805.        }
  2806.  
  2807.        // Set CSS variables
  2808.        document.body.style.setProperty('--header-height', `${headerHeight}px`);
  2809.        document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
  2810.  
  2811.        if (headerTopRow) {
  2812.          window.requestAnimationFrame(function () {
  2813.            document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`);
  2814.          });
  2815.        }
  2816.  
  2817.        /**
  2818.         * Updates CSS custom properties for transparent header offset calculation
  2819.         * Mimic updateTransparentHeaderOffset() in utilities.js
  2820.         */
  2821.  
  2822.        if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
  2823.          document.body.style.setProperty('--transparent-header-offset-boolean', '0');
  2824.          return;
  2825.        }
  2826.  
  2827.        const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
  2828.  
  2829.        const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
  2830.        document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
  2831.      })();
  2832.  
  2833.      (function setHeaderMenuStyle() {
  2834.        const headerComponent = document.querySelector('#header-component');
  2835.        if (headerComponent) {
  2836.          const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
  2837.          const overflowList = headerComponent?.querySelector('overflow-list');
  2838.          const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
  2839.          headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
  2840.        }
  2841.      })();
  2842.    </script>
  2843.  
  2844.    <main
  2845.      id="MainContent"
  2846.      class="content-for-layout"
  2847.      role="main"
  2848.      data-page-transition-enabled="false"
  2849.      data-product-transition="false"
  2850.      data-template="product"
  2851.    >
  2852.      <div id="shopify-section-template--19336425930939__main" class="shopify-section">
  2853.  
  2854. <script type="application/ld+json">
  2855.  {"@context":"http:\/\/schema.org\/","@id":"\/products\/put-it-on-a-free-shirt#product","@type":"ProductGroup","brand":{"@type":"Brand","name":"Me.LOL"},"category":"T-Shirts","description":"Free shirt. $14.99 to make it your problem.\n \nPick your size. We print the domain name on the shirt. Add the pointing finger for $4.99 and it points outward at whoever's reading it.\n \nEvery domain name points back here. That's the whole joke.","hasVariant":[{"@id":"\/products\/put-it-on-a-free-shirt?variant=47635674136763#variant","@type":"Product","image":"https:\/\/me.lol\/cdn\/shop\/files\/FinalFlatShirt.png?v=1779400967\u0026width=1920","name":"You had one thought. We made it wearable. - XS \/ Standard","offers":{"@id":"\/products\/put-it-on-a-free-shirt?variant=47635674136763#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"0.00","priceCurrency":"USD","url":"https:\/\/me.lol\/products\/put-it-on-a-free-shirt?variant=47635674136763"}},{"@id":"\/products\/put-it-on-a-free-shirt?variant=47635674169531#variant","@type":"Product","image":"https:\/\/me.lol\/cdn\/shop\/files\/FinalFlatShirt.png?v=1779400967\u0026width=1920","name":"You had one thought. We made it wearable. - XS \/ Add The \"Finger\" (+$4.99)","offers":{"@id":"\/products\/put-it-on-a-free-shirt?variant=47635674169531#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"4.99","priceCurrency":"USD","url":"https:\/\/me.lol\/products\/put-it-on-a-free-shirt?variant=47635674169531"}},{"@id":"\/products\/put-it-on-a-free-shirt?variant=47635674202299#variant","@type":"Product","image":"https:\/\/me.lol\/cdn\/shop\/files\/FinalFlatShirt.png?v=1779400967\u0026width=1920","name":"You had one thought. We made it wearable. - S \/ Standard","offers":{"@id":"\/products\/put-it-on-a-free-shirt?variant=47635674202299#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"0.00","priceCurrency":"USD","url":"https:\/\/me.lol\/products\/put-it-on-a-free-shirt?variant=47635674202299"}},{"@id":"\/products\/put-it-on-a-free-shirt?variant=47635674235067#variant","@type":"Product","image":"https:\/\/me.lol\/cdn\/shop\/files\/FinalFlatShirt.png?v=1779400967\u0026width=1920","name":"You had one thought. We made it wearable. - S \/ Add The \"Finger\" (+$4.99)","offers":{"@id":"\/products\/put-it-on-a-free-shirt?variant=47635674235067#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"4.99","priceCurrency":"USD","url":"https:\/\/me.lol\/products\/put-it-on-a-free-shirt?variant=47635674235067"}},{"@id":"\/products\/put-it-on-a-free-shirt?variant=47635674267835#variant","@type":"Product","image":"https:\/\/me.lol\/cdn\/shop\/files\/FinalFlatShirt.png?v=1779400967\u0026width=1920","name":"You had one thought. We made it wearable. - M \/ Standard","offers":{"@id":"\/products\/put-it-on-a-free-shirt?variant=47635674267835#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"0.00","priceCurrency":"USD","url":"https:\/\/me.lol\/products\/put-it-on-a-free-shirt?variant=47635674267835"}},{"@id":"\/products\/put-it-on-a-free-shirt?variant=47635674300603#variant","@type":"Product","image":"https:\/\/me.lol\/cdn\/shop\/files\/FinalFlatShirt.png?v=1779400967\u0026width=1920","name":"You had one thought. We made it wearable. - M \/ Add The \"Finger\" (+$4.99)","offers":{"@id":"\/products\/put-it-on-a-free-shirt?variant=47635674300603#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"4.99","priceCurrency":"USD","url":"https:\/\/me.lol\/products\/put-it-on-a-free-shirt?variant=47635674300603"}},{"@id":"\/products\/put-it-on-a-free-shirt?variant=47635674333371#variant","@type":"Product","image":"https:\/\/me.lol\/cdn\/shop\/files\/FinalFlatShirt.png?v=1779400967\u0026width=1920","name":"You had one thought. We made it wearable. - L \/ Standard","offers":{"@id":"\/products\/put-it-on-a-free-shirt?variant=47635674333371#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"0.00","priceCurrency":"USD","url":"https:\/\/me.lol\/products\/put-it-on-a-free-shirt?variant=47635674333371"}},{"@id":"\/products\/put-it-on-a-free-shirt?variant=47635674366139#variant","@type":"Product","image":"https:\/\/me.lol\/cdn\/shop\/files\/FinalFlatShirt.png?v=1779400967\u0026width=1920","name":"You had one thought. We made it wearable. - L \/ Add The \"Finger\" (+$4.99)","offers":{"@id":"\/products\/put-it-on-a-free-shirt?variant=47635674366139#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"4.99","priceCurrency":"USD","url":"https:\/\/me.lol\/products\/put-it-on-a-free-shirt?variant=47635674366139"}},{"@id":"\/products\/put-it-on-a-free-shirt?variant=47635674398907#variant","@type":"Product","image":"https:\/\/me.lol\/cdn\/shop\/files\/FinalFlatShirt.png?v=1779400967\u0026width=1920","name":"You had one thought. We made it wearable. - XL \/ Standard","offers":{"@id":"\/products\/put-it-on-a-free-shirt?variant=47635674398907#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"0.00","priceCurrency":"USD","url":"https:\/\/me.lol\/products\/put-it-on-a-free-shirt?variant=47635674398907"}},{"@id":"\/products\/put-it-on-a-free-shirt?variant=47635674431675#variant","@type":"Product","image":"https:\/\/me.lol\/cdn\/shop\/files\/FinalFlatShirt.png?v=1779400967\u0026width=1920","name":"You had one thought. We made it wearable. - XL \/ Add The \"Finger\" (+$4.99)","offers":{"@id":"\/products\/put-it-on-a-free-shirt?variant=47635674431675#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"4.99","priceCurrency":"USD","url":"https:\/\/me.lol\/products\/put-it-on-a-free-shirt?variant=47635674431675"}},{"@id":"\/products\/put-it-on-a-free-shirt?variant=47635674464443#variant","@type":"Product","image":"https:\/\/me.lol\/cdn\/shop\/files\/FinalFlatShirt.png?v=1779400967\u0026width=1920","name":"You had one thought. We made it wearable. - 2XL \/ Standard","offers":{"@id":"\/products\/put-it-on-a-free-shirt?variant=47635674464443#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"0.00","priceCurrency":"USD","url":"https:\/\/me.lol\/products\/put-it-on-a-free-shirt?variant=47635674464443"}},{"@id":"\/products\/put-it-on-a-free-shirt?variant=47635674497211#variant","@type":"Product","image":"https:\/\/me.lol\/cdn\/shop\/files\/FinalFlatShirt.png?v=1779400967\u0026width=1920","name":"You had one thought. We made it wearable. - 2XL \/ Add The \"Finger\" (+$4.99)","offers":{"@id":"\/products\/put-it-on-a-free-shirt?variant=47635674497211#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"4.99","priceCurrency":"USD","url":"https:\/\/me.lol\/products\/put-it-on-a-free-shirt?variant=47635674497211"}}],"name":"You had one thought. We made it wearable.","productGroupID":"8369995022523","url":"https:\/\/me.lol\/products\/put-it-on-a-free-shirt"}
  2856. </script>
  2857.  
  2858.  
  2859.  
  2860.  
  2861.  
  2862.  
  2863.  
  2864.  
  2865.  
  2866.  
  2867.  <sticky-add-to-cart
  2868.    class="sticky-add-to-cart"
  2869.    data-variant-available="true"
  2870.    data-product-id="8369995022523"
  2871.    data-current-variant-id="47635674136763"
  2872.    data-initial-quantity="1"
  2873.    data-default-variant-title="Default Title"
  2874.  >
  2875.    <div
  2876.      class="sticky-add-to-cart__bar color-scheme-1"
  2877.      data-stuck="false"
  2878.      ref="stickyBar"
  2879.      role="region"
  2880.      aria-label="Quick add to cart bar"
  2881.    >
  2882.      
  2883.      
  2884.        <div
  2885.          class="sticky-add-to-cart__image"
  2886.        >
  2887.          
  2888.          <img src="//me.lol/cdn/shop/files/FinalFlatShirt.png?v=1779400967&amp;width=120" alt="You had one thought. We made it wearable." width="120" height="120" loading="lazy" class="sticky-add-to-cart__image-img" data-testid="sticky-product-image" ref="productImage">
  2889.        </div>
  2890.      
  2891.  
  2892.      
  2893.      <div
  2894.        class="sticky-add-to-cart__info"
  2895.        data-has-image="true"
  2896.        data-singleton="false"
  2897.        data-single-option="false"
  2898.      >
  2899.        <p
  2900.          class="sticky-add-to-cart__title"
  2901.          data-testid="sticky-product-title"
  2902.        >
  2903.          You had one thought. We made it wearable.
  2904.        </p>
  2905.        <div
  2906.          class="sticky-add-to-cart__variant"
  2907.          data-testid="sticky-variant-title"
  2908.          
  2909.        >
  2910.          
  2911.            
  2912.            XS / Standard
  2913.          
  2914.        </div>
  2915.      </div>
  2916.  
  2917.      <div
  2918.        class="sticky-add-to-cart__price"
  2919.        data-testid="sticky-price-display"
  2920.      >
  2921.        <div ref="priceContainer">
  2922.  
  2923.    
  2924.    <div
  2925.      class="
  2926.        price__regular
  2927.        
  2928.      "
  2929.    >
  2930.      <span class="price">$0.00</span>
  2931.    </div>
  2932.    <div
  2933.      class="
  2934.        price__sale
  2935.        
  2936.          price__hidden
  2937.        
  2938.      "
  2939.    >
  2940.      
  2941.        <span class="price-item__group">
  2942.          <span class="visually-hidden">Sale price&nbsp;</span>
  2943.          <span class="price-item--sale price">$0.00</span>
  2944.        </span>
  2945.        <span class="price-item__group">
  2946.          <span class="visually-hidden">Regular price&nbsp;</span>
  2947.          <span class="price-item--regular compare-at-price"></span>
  2948.        </span>
  2949.      
  2950.    </div>
  2951.  
  2952. </div>
  2953.      </div>
  2954.  
  2955.      <button
  2956.        type="button"
  2957.        class="sticky-add-to-cart__button add-to-cart-button button"
  2958.        ref="addToCartButton"
  2959.        on:click="/handleAddToCartClick"
  2960.        
  2961.      >
  2962.        <span
  2963.          class="add-to-cart-text"
  2964.        >
  2965.          
  2966.            <span class="svg-wrapper add-to-cart-icon"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
  2967. </span>
  2968.          
  2969.          <span class="add-to-cart-text__content">
  2970.            <span>Add to cart</span>
  2971.            <span
  2972.              ref="quantityDisplay"
  2973.              
  2974.                style="display: none;"
  2975.              
  2976.            > (<span ref="quantityNumber">1</span>)</span>
  2977.          </span>
  2978.        </span>
  2979.        <span class="add-to-cart__added">
  2980.          <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  2981.  <g class="check">
  2982.    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  2983.    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  2984.  </g>
  2985.  <g class="burst">
  2986.    <g style="--index: 0;">
  2987.      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
  2988.    </g>
  2989.    <g style="--index: 1;">
  2990.      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
  2991.    </g>
  2992.    <g style="--index: 2;">
  2993.      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
  2994.    </g>
  2995.    <g style="--index: 3;">
  2996.      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
  2997.    </g>
  2998.    <g style="--index: 4;">
  2999.      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
  3000.    </g>
  3001.    <g style="--index: 5;">
  3002.      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
  3003.    </g>
  3004.    <g style="--index: 6;">
  3005.      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
  3006.    </g>
  3007.    <g style="--index: 7;">
  3008.      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
  3009.    </g>
  3010.  </g>
  3011. </svg>
  3012. </span>
  3013.        </span>
  3014.      </button>
  3015.    </div>
  3016.  </sticky-add-to-cart>
  3017.  
  3018.  
  3019.  
  3020.  
  3021.  
  3022.  
  3023. <div class="section-background color-scheme-1"></div>
  3024. <div
  3025.  class="product-information section section--page-width spacing-style color-scheme-1 relative"
  3026.  style="--padding-block-start: 0px;--padding-block-end: 0px; --gap: 48px;"
  3027.  data-testid="product-information"
  3028. >
  3029.  
  3030.    
  3031.    <a
  3032.  class="skip-to-content-link button-secondary"
  3033.  href="#ProductInformation-template--19336425930939__main"
  3034. >
  3035.  Skip to product information
  3036. </a>
  3037.  
  3038.  
  3039.  
  3040.  
  3041.  <div
  3042.    class="product-information__grid product-information--media-left"
  3043.    data-product-grid-content
  3044.  >
  3045.    
  3046.    
  3047.  
  3048.    
  3049.      
  3050.        
  3051.      <div
  3052.        class="product-information__media"
  3053.        data-testid="product-information-media"
  3054.      >
  3055.        
  3056.  
  3057.  
  3058. <script
  3059.    src="//me.lol/cdn/shop/t/1/assets/drag-zoom-wrapper.js?v=24957596803719370611774804913"
  3060.    type="module"
  3061.  ></script><style data-shopify>
  3062.  
  3063.  
  3064.  
  3065.    .media-fit-contain {
  3066.      --product-media-fit: contain;
  3067.    }
  3068.  
  3069.    /* Media fit for all media elements */
  3070.    .media-fit-contain :is(img, video, iframe, .deferred-media__poster-image) {
  3071.      object-fit: contain;
  3072.      width: 100%;
  3073.      height: 100%;
  3074.    }
  3075.  
  3076.    /* 3D Models (no object-fit support, just sizing) */
  3077.    .media-fit-contain model-viewer {
  3078.      width: 100%;
  3079.      height: 100%;
  3080.    }
  3081.  
  3082.  
  3083.  
  3084.  
  3085.  /* Add background color so carousel arrows' mix-blend-mode works correctly even on transparent areas. */
  3086.  
  3087.    .media-fit-contain :is(img, .deferred-media__poster-image) {
  3088.      background-color: var(--color-background);
  3089.    }
  3090.  
  3091.  
  3092.  
  3093.  
  3094.  
  3095.    
  3096.    ::view-transition-old(gallery-item-open),
  3097.    ::view-transition-new(gallery-item-open),
  3098.    ::view-transition-old(gallery-item-close),
  3099.    ::view-transition-new(gallery-item-close) {
  3100.      height: auto;
  3101.      width: 100%;
  3102.      object-fit: contain;
  3103.      top: 50%;
  3104.      transform: translateY(-50%);
  3105.    }
  3106.  
  3107.  
  3108.  
  3109.  :root { --gallery-media-border-radius: 0px; }
  3110. </style>
  3111.  
  3112.  
  3113.  <media-gallery
  3114.    class="
  3115.      spacing-style
  3116.      sticky-content
  3117.      
  3118.        media-gallery--two-column
  3119.        
  3120.      
  3121.      media-gallery--grid
  3122.      
  3123.      
  3124.    "
  3125.    style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --thumbnail-width: 44px; --media-radius: 0px;--image-gap: 4px;"
  3126.    data-presentation="grid"
  3127.    
  3128.  >
  3129.    
  3130.  
  3131.    
  3132.  
  3133.    
  3134.  
  3135.    <slideshow-component
  3136.  
  3137.    ref="slideshow"
  3138.  
  3139.  
  3140.    class="product-media-gallery__slideshow--single-media slideshow--single-media"
  3141.  
  3142.  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  3143.  
  3144.  initial-slide="0"
  3145.  
  3146.  
  3147.    infinite
  3148.  
  3149.  
  3150.  
  3151. >
  3152.  
  3153.  <slideshow-container ref="slideshowContainer">
  3154.    
  3155.    
  3156.    <slideshow-slides
  3157.      tabindex="-1"
  3158.      ref="scroller"
  3159.      
  3160.    >
  3161.      
  3162.      
  3163.        
  3164.        
  3165.        
  3166.        
  3167.  
  3168.        <slideshow-slide
  3169.  ref="slides[]"
  3170.  aria-hidden="false"
  3171.  style="--slideshow-timeline: --slide-0; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  3172.  
  3173.    class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--tallest"
  3174.  
  3175.  
  3176.  
  3177.    style="--media-preview-ratio: 1.0;"
  3178.  
  3179.  
  3180.  
  3181.  
  3182.  
  3183. >
  3184.  
  3185.  
  3186.  
  3187.  
  3188. <div
  3189.  class="product-media"
  3190.  style="--ratio: 1.0;position:relative;"
  3191.  data-media-id="32108896944315"
  3192. >
  3193.  
  3194.  <img src="//me.lol/cdn/shop/files/FinalFlatShirt.png?v=1779400967&amp;width=3840" alt="You had one thought. We made it wearable." srcset="//me.lol/cdn/shop/files/FinalFlatShirt.png?v=1779400967&amp;width=240 240w, //me.lol/cdn/shop/files/FinalFlatShirt.png?v=1779400967&amp;width=352 352w, //me.lol/cdn/shop/files/FinalFlatShirt.png?v=1779400967&amp;width=832 832w, //me.lol/cdn/shop/files/FinalFlatShirt.png?v=1779400967&amp;width=1200 1200w, //me.lol/cdn/shop/files/FinalFlatShirt.png?v=1779400967&amp;width=1600 1600w, //me.lol/cdn/shop/files/FinalFlatShirt.png?v=1779400967&amp;width=1920 1920w, //me.lol/cdn/shop/files/FinalFlatShirt.png?v=1779400967&amp;width=2560 2560w, //me.lol/cdn/shop/files/FinalFlatShirt.png?v=1779400967&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 95rem) 65rem, (min-width: 750px) calc(100vw - 25rem - 40px - 24px - 40px), 100vw" class="product-media__image" data_max_resolution="//me.lol/cdn/shop/files/FinalFlatShirt.png?v=1779400967&amp;width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">
  3195.  
  3196.  
  3197.  
  3198.  
  3199. </div>
  3200.  
  3201.  
  3202.  
  3203.        
  3204. </slideshow-slide>
  3205.  
  3206.  
  3207.  
  3208.  
  3209.      
  3210.    
  3211.    </slideshow-slides>
  3212.  </slideshow-container>
  3213.  
  3214. </slideshow-component>
  3215.  
  3216.  
  3217.  
  3218.  
  3219.  
  3220.    
  3221.      <ul
  3222.        class="media-gallery__grid list-unstyled"
  3223.        data-testid="media-gallery-grid"
  3224.      >
  3225.        
  3226.          <li
  3227.            ref="media[]"
  3228.            class="product-media-container constrain-height media-fit-contain product-media-container--image "
  3229.            style=" --media-preview-ratio: 1.0; --media-radius: 0px;"
  3230.            
  3231.            
  3232.              data-focal-point="50.0% 50.0%"
  3233.            
  3234.          >
  3235.  
  3236.  
  3237. <div
  3238.  class="product-media"
  3239.  style="--ratio: 1.0;position:relative;"
  3240.  data-media-id="32108896944315"
  3241. >
  3242.  
  3243.  <img src="//me.lol/cdn/shop/files/FinalFlatShirt.png?v=1779400967&amp;width=3840" alt="You had one thought. We made it wearable." srcset="//me.lol/cdn/shop/files/FinalFlatShirt.png?v=1779400967&amp;width=240 240w, //me.lol/cdn/shop/files/FinalFlatShirt.png?v=1779400967&amp;width=352 352w, //me.lol/cdn/shop/files/FinalFlatShirt.png?v=1779400967&amp;width=832 832w, //me.lol/cdn/shop/files/FinalFlatShirt.png?v=1779400967&amp;width=1200 1200w, //me.lol/cdn/shop/files/FinalFlatShirt.png?v=1779400967&amp;width=1600 1600w, //me.lol/cdn/shop/files/FinalFlatShirt.png?v=1779400967&amp;width=1920 1920w, //me.lol/cdn/shop/files/FinalFlatShirt.png?v=1779400967&amp;width=2560 2560w, //me.lol/cdn/shop/files/FinalFlatShirt.png?v=1779400967&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 95rem) 65rem, (min-width: 750px) calc(100vw - 25rem - 40px - 24px - 40px), 100vw" class="product-media__image" data_max_resolution="//me.lol/cdn/shop/files/FinalFlatShirt.png?v=1779400967&amp;width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">
  3244.  
  3245.  
  3246.  
  3247.  
  3248. </div>
  3249.  
  3250.  
  3251.  
  3252.          </li>
  3253.        
  3254.      </ul>
  3255.    
  3256. </media-gallery>
  3257.  
  3258.  
  3259.  
  3260.  
  3261.  
  3262.  
  3263.  
  3264.  
  3265.  
  3266.  
  3267.      </div>
  3268.    
  3269.      
  3270.    
  3271.      
  3272.        
  3273.  
  3274. <div
  3275.  id="ProductInformation-template--19336425930939__main"
  3276.  class="
  3277.    product-details
  3278.     sticky-content--desktop
  3279.    "
  3280.  style="--details-position: flex-start;"
  3281.  data-testid="product-information-details"
  3282.  
  3283. >
  3284.  
  3285.  
  3286.  <div
  3287.  class="
  3288.    group-block
  3289.    group-block--height-fit
  3290.    group-block--width-fill
  3291.    border-style
  3292.    spacing-style
  3293.    size-style
  3294.    
  3295.    
  3296.  "
  3297.  style="
  3298.    --border-width: 1px; --border-style: none; --border-color:
  3299. rgb(var(--color-border-rgb) / 1.0); --border-radius:
  3300. 0px;
  3301.  
  3302.    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: 0px;--padding-inline-end: 0px;
  3303.    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  3304.    
  3305.  "
  3306.  
  3307.  data-testid="group-block"
  3308. ><div class="group-block__media-wrapper">
  3309.    
  3310.  
  3311.  
  3312.  
  3313.    
  3314.  </div>
  3315.  
  3316.  <div
  3317.    class="
  3318.      group-block-content
  3319.      
  3320.      layout-panel-flex
  3321.      layout-panel-flex--column
  3322.      
  3323.    "
  3324.    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
  3325.  
  3326. --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px));
  3327.  
  3328. --horizontal-alignment: ; --vertical-alignment: ;
  3329. --vertical-alignment-mobile: ;
  3330. "
  3331.  >
  3332.    <div class="view-product-title">
  3333.      <a
  3334.        href="/products/put-it-on-a-free-shirt?variant=47635674136763"
  3335.        class="link"
  3336.      >You had one thought. We made it wearable.
  3337.      </a>
  3338.    </div>
  3339.    
  3340.  
  3341.  
  3342. <div
  3343.  class="
  3344.    group-block
  3345.    group-block--height-fit
  3346.    group-block--width-fill
  3347.    border-style
  3348.    spacing-style
  3349.    size-style
  3350.    
  3351.    
  3352.  "
  3353.  style="
  3354.    --border-width: 1px; --border-style: none; --border-color:
  3355. rgb(var(--color-border-rgb) / 1.0); --border-radius:
  3356. 0px;
  3357.  
  3358.    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
  3359.    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  3360.    
  3361.  "
  3362.  
  3363.  data-testid="group-block"
  3364. ><div class="group-block__media-wrapper">
  3365.    
  3366.  
  3367.  
  3368.  
  3369.    
  3370.  </div>
  3371.  
  3372.  <div
  3373.    class="
  3374.      group-block-content
  3375.      
  3376.      layout-panel-flex
  3377.      layout-panel-flex--column
  3378.       mobile-column
  3379.    "
  3380.    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
  3381.  
  3382. --gap: 12px;
  3383.  
  3384. --horizontal-alignment: flex-start; --vertical-alignment: center;
  3385. --vertical-alignment-mobile: center;
  3386. "
  3387.  >
  3388.  
  3389.  
  3390.  
  3391.  
  3392.  
  3393.  
  3394.  
  3395.  
  3396.  
  3397.  <div class=" spacing-style text-block text-block--ANzZjSmtmeTF4MnNJc__text_xrnftG h3    text-block--align-left  "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
  3398.    <h1>You had one thought. We made it wearable.</h1>
  3399.  </div>
  3400.  
  3401.  
  3402.  
  3403.  
  3404.  
  3405.  
  3406.  
  3407.  
  3408.  
  3409. <product-price
  3410.  class="text-block text-block--align-left rte text-left paragraph spacing-style"
  3411.  data-block-id="AUHg1dEpvOEQveExuN__price_tVjtKg"
  3412.  data-product-id="8369995022523"
  3413.  style="
  3414.    
  3415. --color: var(--color-foreground);
  3416.    --padding-block-start: 4px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
  3417.    --width: 100%;
  3418.  "
  3419.  
  3420. >
  3421.  <div ref="priceContainer">
  3422.  
  3423.    
  3424.    <div
  3425.      class="
  3426.        price__regular
  3427.        
  3428.      "
  3429.    >
  3430.      <span class="price">$0.00</span>
  3431.    </div>
  3432.    <div
  3433.      class="
  3434.        price__sale
  3435.        
  3436.          price__hidden
  3437.        
  3438.      "
  3439.    >
  3440.      
  3441.        <span class="price-item__group">
  3442.          <span class="visually-hidden">Sale price&nbsp;</span>
  3443.          <span class="price-item--sale price">$0.00</span>
  3444.        </span>
  3445.        <span class="price-item__group">
  3446.          <span class="visually-hidden">Regular price&nbsp;</span>
  3447.          <span class="price-item--regular compare-at-price"></span>
  3448.        </span>
  3449.      
  3450.    </div>
  3451.  
  3452. </div>
  3453.  
  3454.  
  3455. </product-price>
  3456.  
  3457.  
  3458.  
  3459. </div>
  3460. </div>
  3461.  
  3462.  
  3463.  
  3464.  
  3465.  
  3466.  
  3467.  
  3468. <div
  3469.  class="divider divider-ARmdmdGVveUIvdHk3S__divider_VJhene spacing-style"
  3470.  style="
  3471.    --divider-justify-content: center;
  3472.    --padding-block-start: 0px;--padding-block-end: 0px;
  3473.  "
  3474.  
  3475.  
  3476. >
  3477.  <span
  3478.    class="divider__line"
  3479.    style="
  3480.      --divider-border-thickness: 1px;
  3481.      
  3482.        --divider-border-rounded: 0;
  3483.      
  3484.      --divider-flex-basis: 100%;
  3485.    "
  3486.  ></span>
  3487. </div>
  3488.  
  3489.  
  3490.  
  3491.  
  3492.  
  3493.  
  3494.  
  3495.  
  3496.  
  3497.  
  3498.  
  3499.  
  3500.  <variant-picker
  3501.    class="variant-picker spacing-style variant-picker--left"
  3502.    style="--color-strikethrough-mix: #000; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
  3503.    data-section-id="template--19336425930939__main"
  3504.    data-product-id="8369995022523"
  3505.    data-block-id="AT3k1R0lzT0pwOVIxQ__variant_picker_R3rGDr"
  3506.    data-product-url="/products/put-it-on-a-free-shirt"
  3507.    ref="mainVariantPicker"
  3508.    
  3509.      data-template-product-match="true"
  3510.    
  3511.    
  3512.    
  3513.  >
  3514.    <form class="variant-picker__form"><fieldset
  3515.            class="variant-option variant-option--buttons variant-option--equal-width-buttons"
  3516.            data-fieldset-index="0"
  3517.            ref="fieldsets[]"
  3518.            data-option-id="template-19336425930939__main-8369995022523-size"
  3519.          >
  3520.            <legend>
  3521.              Size
  3522.            </legend>
  3523.              <label
  3524.                class="variant-option__button-label"
  3525.              >
  3526.                <input
  3527.                  type="radio"
  3528.                  name="Size-AT3k1R0lzT0pwOVIxQ__variant_picker_R3rGDr-8369995022523"
  3529.                  value="XS"
  3530.                  aria-label="XS"
  3531.                  
  3532.                  data-previous-checked="false"
  3533.                  data-fieldset-index="0"
  3534.                  data-input-index="0"
  3535.                  data-input-id="1-0"
  3536.                  data-option-value-id="3913175990459"
  3537.                  data-option-available="true"
  3538.                  data-connected-product-url=""
  3539.                  
  3540.                    data-variant-id="47635674136763"
  3541.                  
  3542.                  
  3543.                    data-current-checked="true"
  3544.                    checked
  3545.                  
  3546.                >
  3547.                
  3548.                  
  3549.                    <span
  3550.                      class="variant-option__button-label__pill"
  3551.                      data-key="variant-option-pill"
  3552.                    ></span>
  3553.                  
  3554.                  <span
  3555.                    class="variant-option__button-label__text"
  3556.                    data-key="variant-option-text"
  3557.                  >XS</span>
  3558.                
  3559.                
  3560.  
  3561.  
  3562.  
  3563.              </label>
  3564.              <label
  3565.                class="variant-option__button-label"
  3566.              >
  3567.                <input
  3568.                  type="radio"
  3569.                  name="Size-AT3k1R0lzT0pwOVIxQ__variant_picker_R3rGDr-8369995022523"
  3570.                  value="S"
  3571.                  aria-label="S"
  3572.                  
  3573.                  data-previous-checked="false"
  3574.                  data-fieldset-index="0"
  3575.                  data-input-index="1"
  3576.                  data-input-id="1-1"
  3577.                  data-option-value-id="3913176023227"
  3578.                  data-option-available="true"
  3579.                  data-connected-product-url=""
  3580.                  
  3581.                    data-variant-id="47635674202299"
  3582.                  
  3583.                  
  3584.                    data-current-checked="false"
  3585.                  
  3586.                >
  3587.                
  3588.                  
  3589.                    <span
  3590.                      class="variant-option__button-label__pill"
  3591.                      data-key="variant-option-pill"
  3592.                    ></span>
  3593.                  
  3594.                  <span
  3595.                    class="variant-option__button-label__text"
  3596.                    data-key="variant-option-text"
  3597.                  >S</span>
  3598.                
  3599.                
  3600.  
  3601.  
  3602.  
  3603.              </label>
  3604.              <label
  3605.                class="variant-option__button-label"
  3606.              >
  3607.                <input
  3608.                  type="radio"
  3609.                  name="Size-AT3k1R0lzT0pwOVIxQ__variant_picker_R3rGDr-8369995022523"
  3610.                  value="M"
  3611.                  aria-label="M"
  3612.                  
  3613.                  data-previous-checked="false"
  3614.                  data-fieldset-index="0"
  3615.                  data-input-index="2"
  3616.                  data-input-id="1-2"
  3617.                  data-option-value-id="3913176055995"
  3618.                  data-option-available="true"
  3619.                  data-connected-product-url=""
  3620.                  
  3621.                    data-variant-id="47635674267835"
  3622.                  
  3623.                  
  3624.                    data-current-checked="false"
  3625.                  
  3626.                >
  3627.                
  3628.                  
  3629.                    <span
  3630.                      class="variant-option__button-label__pill"
  3631.                      data-key="variant-option-pill"
  3632.                    ></span>
  3633.                  
  3634.                  <span
  3635.                    class="variant-option__button-label__text"
  3636.                    data-key="variant-option-text"
  3637.                  >M</span>
  3638.                
  3639.                
  3640.  
  3641.  
  3642.  
  3643.              </label>
  3644.              <label
  3645.                class="variant-option__button-label"
  3646.              >
  3647.                <input
  3648.                  type="radio"
  3649.                  name="Size-AT3k1R0lzT0pwOVIxQ__variant_picker_R3rGDr-8369995022523"
  3650.                  value="L"
  3651.                  aria-label="L"
  3652.                  
  3653.                  data-previous-checked="false"
  3654.                  data-fieldset-index="0"
  3655.                  data-input-index="3"
  3656.                  data-input-id="1-3"
  3657.                  data-option-value-id="3913176088763"
  3658.                  data-option-available="true"
  3659.                  data-connected-product-url=""
  3660.                  
  3661.                    data-variant-id="47635674333371"
  3662.                  
  3663.                  
  3664.                    data-current-checked="false"
  3665.                  
  3666.                >
  3667.                
  3668.                  
  3669.                    <span
  3670.                      class="variant-option__button-label__pill"
  3671.                      data-key="variant-option-pill"
  3672.                    ></span>
  3673.                  
  3674.                  <span
  3675.                    class="variant-option__button-label__text"
  3676.                    data-key="variant-option-text"
  3677.                  >L</span>
  3678.                
  3679.                
  3680.  
  3681.  
  3682.  
  3683.              </label>
  3684.              <label
  3685.                class="variant-option__button-label"
  3686.              >
  3687.                <input
  3688.                  type="radio"
  3689.                  name="Size-AT3k1R0lzT0pwOVIxQ__variant_picker_R3rGDr-8369995022523"
  3690.                  value="XL"
  3691.                  aria-label="XL"
  3692.                  
  3693.                  data-previous-checked="false"
  3694.                  data-fieldset-index="0"
  3695.                  data-input-index="4"
  3696.                  data-input-id="1-4"
  3697.                  data-option-value-id="3913176121531"
  3698.                  data-option-available="true"
  3699.                  data-connected-product-url=""
  3700.                  
  3701.                    data-variant-id="47635674398907"
  3702.                  
  3703.                  
  3704.                    data-current-checked="false"
  3705.                  
  3706.                >
  3707.                
  3708.                  
  3709.                    <span
  3710.                      class="variant-option__button-label__pill"
  3711.                      data-key="variant-option-pill"
  3712.                    ></span>
  3713.                  
  3714.                  <span
  3715.                    class="variant-option__button-label__text"
  3716.                    data-key="variant-option-text"
  3717.                  >XL</span>
  3718.                
  3719.                
  3720.  
  3721.  
  3722.  
  3723.              </label>
  3724.              <label
  3725.                class="variant-option__button-label"
  3726.              >
  3727.                <input
  3728.                  type="radio"
  3729.                  name="Size-AT3k1R0lzT0pwOVIxQ__variant_picker_R3rGDr-8369995022523"
  3730.                  value="2XL"
  3731.                  aria-label="2XL"
  3732.                  
  3733.                  data-previous-checked="false"
  3734.                  data-fieldset-index="0"
  3735.                  data-input-index="5"
  3736.                  data-input-id="1-5"
  3737.                  data-option-value-id="3913176154299"
  3738.                  data-option-available="true"
  3739.                  data-connected-product-url=""
  3740.                  
  3741.                    data-variant-id="47635674464443"
  3742.                  
  3743.                  
  3744.                    data-current-checked="false"
  3745.                  
  3746.                >
  3747.                
  3748.                  
  3749.                    <span
  3750.                      class="variant-option__button-label__pill"
  3751.                      data-key="variant-option-pill"
  3752.                    ></span>
  3753.                  
  3754.                  <span
  3755.                    class="variant-option__button-label__text"
  3756.                    data-key="variant-option-text"
  3757.                  >2XL</span>
  3758.                
  3759.                
  3760.  
  3761.  
  3762.  
  3763.              </label>
  3764.              <style data-shopify>
  3765.                [data-option-id="template-19336425930939__main-8369995022523-size"] {
  3766.                  --variant-ch: 1.95em;
  3767.                }
  3768.              </style>
  3769.            
  3770.          </fieldset><fieldset
  3771.            class="variant-option variant-option--buttons variant-option--equal-width-buttons"
  3772.            data-fieldset-index="1"
  3773.            ref="fieldsets[]"
  3774.            data-option-id="template-19336425930939__main-8369995022523-add-on"
  3775.          >
  3776.            <legend>
  3777.              Add-on
  3778.            </legend>
  3779.              <label
  3780.                class="variant-option__button-label"
  3781.              >
  3782.                <input
  3783.                  type="radio"
  3784.                  name="Add-on-AT3k1R0lzT0pwOVIxQ__variant_picker_R3rGDr-8369995022523"
  3785.                  value="Standard"
  3786.                  aria-label="Standard"
  3787.                  
  3788.                  data-previous-checked="false"
  3789.                  data-fieldset-index="1"
  3790.                  data-input-index="0"
  3791.                  data-input-id="2-0"
  3792.                  data-option-value-id="3913176187067"
  3793.                  data-option-available="true"
  3794.                  data-connected-product-url=""
  3795.                  
  3796.                    data-variant-id="47635674136763"
  3797.                  
  3798.                  
  3799.                    data-current-checked="true"
  3800.                    checked
  3801.                  
  3802.                >
  3803.                
  3804.                  
  3805.                    <span
  3806.                      class="variant-option__button-label__pill"
  3807.                      data-key="variant-option-pill"
  3808.                    ></span>
  3809.                  
  3810.                  <span
  3811.                    class="variant-option__button-label__text"
  3812.                    data-key="variant-option-text"
  3813.                  >Standard</span>
  3814.                
  3815.                
  3816.  
  3817.  
  3818.  
  3819.              </label>
  3820.              <label
  3821.                class="variant-option__button-label"
  3822.              >
  3823.                <input
  3824.                  type="radio"
  3825.                  name="Add-on-AT3k1R0lzT0pwOVIxQ__variant_picker_R3rGDr-8369995022523"
  3826.                  value="Add The &quot;Finger&quot; (+$4.99)"
  3827.                  aria-label="Add The &quot;Finger&quot; (+$4.99)"
  3828.                  
  3829.                  data-previous-checked="false"
  3830.                  data-fieldset-index="1"
  3831.                  data-input-index="1"
  3832.                  data-input-id="2-1"
  3833.                  data-option-value-id="3913176219835"
  3834.                  data-option-available="true"
  3835.                  data-connected-product-url=""
  3836.                  
  3837.                    data-variant-id="47635674169531"
  3838.                  
  3839.                  
  3840.                    data-current-checked="false"
  3841.                  
  3842.                >
  3843.                
  3844.                  
  3845.                    <span
  3846.                      class="variant-option__button-label__pill"
  3847.                      data-key="variant-option-pill"
  3848.                    ></span>
  3849.                  
  3850.                  <span
  3851.                    class="variant-option__button-label__text"
  3852.                    data-key="variant-option-text"
  3853.                  >Add The &quot;Finger&quot; (+$4.99)</span>
  3854.                
  3855.                
  3856.  
  3857.  
  3858.  
  3859.              </label>
  3860.              <style data-shopify>
  3861.                [data-option-id="template-19336425930939__main-8369995022523-add-on"] {
  3862.                  --variant-ch: 16.25em;
  3863.                }
  3864.              </style>
  3865.            
  3866.          </fieldset><script type="application/json">
  3867.        {"id":47635674136763,"title":"XS \/ Standard","option1":"XS","option2":"Standard","option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"You had one thought. We made it wearable. - XS \/ Standard","public_title":"XS \/ Standard","options":["XS","Standard"],"price":0,"weight":227,"compare_at_price":null,"inventory_management":null,"barcode":"","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}
  3868.      </script>
  3869.    </form>
  3870.  </variant-picker>
  3871.  
  3872.  
  3873.  
  3874.  
  3875.  
  3876.  
  3877.  
  3878.  
  3879.  
  3880.  
  3881. <span
  3882.  class="buy-buttons-block buy-buttons-block--AdS9GTHJNRVJna1lQV__buy_buttons_eYQEYi"
  3883.  
  3884. ><product-form-component
  3885.      data-section-id="template--19336425930939__main"
  3886.      data-product-id="8369995022523"
  3887.      data-product-url="/products/put-it-on-a-free-shirt"
  3888.      on:submit="/handleSubmit"
  3889.      data-quantity-default="1"
  3890.      data-quantity-error-max="This item has a maximum of {{ maximum }}"
  3891.    >
  3892.      <div
  3893.        class="visually-hidden"
  3894.        aria-live="assertive"
  3895.        role="status"
  3896.        aria-atomic="true"
  3897.        ref="liveRegion"
  3898.      ></div><form method="post" action="/cart/add" id="BuyButtons-ProductForm-template--19336425930939__main" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
  3899.          type="hidden"
  3900.          name="id"
  3901.          ref="variantId"
  3902.          value="47635674136763"
  3903.        ><div
  3904.          class="product-form-buttons spacing-style product-form-buttons--stacked"
  3905.          style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
  3906.          ref="productFormButtons"
  3907.        ><span
  3908.              class="product-form-text__error hidden"
  3909.              ref="addToCartTextError"
  3910.            >
  3911.              <span class="svg-wrapper"><svg aria-hidden="true" class="icon icon-error" viewBox="0 0 13 13">
  3912.  <circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="var(--icon-stroke-width)"/>
  3913.  <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"/>
  3914.  <path fill="#fff" d="m5.874 3.528.1 4.044h1.053l.1-4.044zm.627 6.133c.38 0 .68-.288.68-.656s-.3-.656-.68-.656-.681.288-.681.656.3.656.68.656"/>
  3915.  <path fill="#fff" stroke="#EB001B" stroke-width=".7" d="M5.874 3.178h-.359l.01.359.1 4.044.008.341h1.736l.008-.341.1-4.044.01-.359H5.873Zm.627 6.833c.56 0 1.03-.432 1.03-1.006s-.47-1.006-1.03-1.006-1.031.432-1.031 1.006.47 1.006 1.03 1.006Z"/>
  3916. </svg>
  3917. </span>
  3918.            </span>
  3919.  
  3920.  
  3921.  
  3922. <div
  3923.  class="quantity-selector-wrapper"
  3924.  ref="quantitySelectorWrapper"
  3925. >
  3926.  <quantity-selector-component
  3927.    class="quantity-selector"
  3928.    data-variant-id="47635674136763"
  3929.    
  3930. ref="quantitySelector"
  3931.    
  3932.  >
  3933.    <button
  3934.      class="button quantity-minus button-unstyled"
  3935.      type="button"
  3936.      name="minus"
  3937.      on:click="/decreaseQuantity"
  3938.      ref="minusButton"
  3939.      
  3940.    >
  3941.      <span class="visually-hidden">Decrease quantity</span
  3942.      ><span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  3943.  <path d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  3944. </svg>
  3945. </span>
  3946.    </button>
  3947.    <input
  3948.      type="number"
  3949.      name="quantity"
  3950.      value="1"
  3951.      data-cart-quantity="0"
  3952.      min="1"
  3953.      data-min="1"
  3954.      on:blur="/setQuantity"
  3955.      on:focus="/selectInputValue"
  3956.      ref="quantityInput"
  3957.      aria-live="polite"
  3958.      aria-label="Quantity"
  3959.      
  3960.      
  3961.      step="1"
  3962.      
  3963.    >
  3964.    <button
  3965.      class="button quantity-plus button-unstyled"
  3966.      type="button"
  3967.      name="plus"
  3968.      on:click="/increaseQuantity"
  3969.      ref="plusButton"
  3970.      
  3971.    >
  3972.      <span class="visually-hidden">Increase quantity</span
  3973.      ><span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  3974.  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  3975.  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  3976. </svg>
  3977. </span>
  3978.    </button>
  3979.  </quantity-selector-component></div>
  3980.  
  3981.  
  3982.  
  3983.  
  3984.  
  3985.  
  3986.  
  3987.  
  3988.  
  3989. <span
  3990.  
  3991.  style="--add-to-cart-font-case: ;"
  3992. >
  3993.  <add-to-cart-component
  3994.  ref="addToCartButtonContainer"
  3995.  data-product-variant-media="//me.lol/cdn/shop/files/FinalFlatShirt.png?v=1779400967&width=100"
  3996.  data-add-to-cart-animation="true"
  3997. >
  3998.  <button
  3999.    
  4000.      id="BuyButtons-ProductSubmitButton-ANGhDWjl5ZzQ1ekxLM__add-to-cart"
  4001.    
  4002.    type="submit"
  4003.    name="add"
  4004.    ref="addToCartButton"
  4005.    on:click="/handleClick"
  4006.    class="button add-to-cart-button button"
  4007.    
  4008.      data-testid="standalone-add-to-cart"
  4009.    
  4010.    
  4011.  >
  4012.    <span
  4013.      class="add-to-cart-text"
  4014.    >
  4015.      
  4016.        <span
  4017.          aria-hidden="true"
  4018.          class="svg-wrapper add-to-cart-icon"
  4019.        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
  4020. </span>
  4021.      
  4022.      <span class="add-to-cart-text__content">
  4023.        <span>
  4024.          <span>Add to cart</span>
  4025.        </span>
  4026.      </span>
  4027.    </span>
  4028.    
  4029.    <span class="add-to-cart__added">
  4030.      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  4031.  <g class="check">
  4032.    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  4033.    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  4034.  </g>
  4035.  <g class="burst">
  4036.    <g style="--index: 0;">
  4037.      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
  4038.    </g>
  4039.    <g style="--index: 1;">
  4040.      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
  4041.    </g>
  4042.    <g style="--index: 2;">
  4043.      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
  4044.    </g>
  4045.    <g style="--index: 3;">
  4046.      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
  4047.    </g>
  4048.    <g style="--index: 4;">
  4049.      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
  4050.    </g>
  4051.    <g style="--index: 5;">
  4052.      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
  4053.    </g>
  4054.    <g style="--index: 6;">
  4055.      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
  4056.    </g>
  4057.    <g style="--index: 7;">
  4058.      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
  4059.    </g>
  4060.  </g>
  4061. </svg>
  4062. </span>
  4063.    </span>
  4064.  </button>
  4065. </add-to-cart-component>
  4066.  
  4067. </span>
  4068.  
  4069.  
  4070.  
  4071.  
  4072.          
  4073.  
  4074.  
  4075.  
  4076.  
  4077.  
  4078.  <div
  4079.    class="accelerated-checkout-block"
  4080.    ref="acceleratedCheckoutButtonContainer"
  4081.    
  4082.    
  4083.    
  4084.  >
  4085.    
  4086.  
  4087.    <div data-shopify="payment-button" class="shopify-payment-button"> <shopify-accelerated-checkout recommended="{&quot;supports_subs&quot;:true,&quot;supports_def_opts&quot;:false,&quot;name&quot;:&quot;shop_pay&quot;,&quot;wallet_params&quot;:{&quot;shopId&quot;:71416971451,&quot;merchantName&quot;:&quot;Me.LOL&quot;,&quot;personalized&quot;:true}}" fallback="{&quot;supports_subs&quot;:true,&quot;supports_def_opts&quot;:true,&quot;name&quot;:&quot;buy_it_now&quot;,&quot;wallet_params&quot;:{}}" access-token="7359dae089ca9630266436c621988513" buyer-country="US" buyer-locale="en" buyer-currency="USD" variant-params="[{&quot;id&quot;:47635674136763,&quot;requiresShipping&quot;:true},{&quot;id&quot;:47635674169531,&quot;requiresShipping&quot;:true},{&quot;id&quot;:47635674202299,&quot;requiresShipping&quot;:true},{&quot;id&quot;:47635674235067,&quot;requiresShipping&quot;:true},{&quot;id&quot;:47635674267835,&quot;requiresShipping&quot;:true},{&quot;id&quot;:47635674300603,&quot;requiresShipping&quot;:true},{&quot;id&quot;:47635674333371,&quot;requiresShipping&quot;:true},{&quot;id&quot;:47635674366139,&quot;requiresShipping&quot;:true},{&quot;id&quot;:47635674398907,&quot;requiresShipping&quot;:true},{&quot;id&quot;:47635674431675,&quot;requiresShipping&quot;:true},{&quot;id&quot;:47635674464443,&quot;requiresShipping&quot;:true},{&quot;id&quot;:47635674497211,&quot;requiresShipping&quot;:true}]" shop-id="71416971451" enabled-flags="[&quot;98c6d7e1&quot;]" > <div class="shopify-payment-button__button" role="button" disabled aria-hidden="true" style="background-color: transparent; border: none"> <div class="shopify-payment-button__skeleton">&nbsp;</div> </div> <div class="shopify-payment-button__more-options shopify-payment-button__skeleton" role="button" disabled aria-hidden="true">&nbsp;</div> </shopify-accelerated-checkout> </div>
  4088.  
  4089.  
  4090.  </div>
  4091.  
  4092.  
  4093.  
  4094.  
  4095.  
  4096.  
  4097.  
  4098.        </div><input type="hidden" name="product-id" value="8369995022523" /><input type="hidden" name="section-id" value="template--19336425930939__main" /></form></product-form-component></span>
  4099.  
  4100.  
  4101.  
  4102.  
  4103.  
  4104.  
  4105.  
  4106.  
  4107.  
  4108.  
  4109.  
  4110.  
  4111.  
  4112.  
  4113.  
  4114.  
  4115.  <rte-formatter class=" spacing-style text-block text-block--AYUZTWG9PTGVyZFZBQ__text_aEtTtq rte    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
  4116.    <p>Free shirt. $14.99 to make it your problem.</p>
  4117. <p> </p>
  4118. <p>Pick your size. We print the domain name on the shirt. Add the pointing finger for $4.99 and it points outward at whoever's reading it.</p>
  4119. <p> </p>
  4120. <p>Every domain name points back here. That's the whole joke.</p>
  4121.  </rte-formatter>
  4122.  
  4123.  
  4124.  
  4125.  
  4126.  
  4127.  
  4128.  
  4129.  </div>
  4130. </div>
  4131.  
  4132.  
  4133.  
  4134. </div>
  4135.  
  4136.  
  4137.  
  4138.  
  4139.  
  4140.  
  4141.      
  4142.    
  4143.  </div>
  4144.  
  4145.  
  4146.  <div id="shopify-block-AWmJVUHY1bEJQdjg1W__infinite_options_app_block_C9QNVq" class="shopify-block shopify-app-block"><div id="infiniteoptions-container"></div>
  4147. <script>
  4148.  // Create "window.Shoppad.apps.infiniteoptions" object if it doesn't already exist
  4149.  'Shoppad.apps.infiniteoptions'.split('.').reduce(function (o, x) {
  4150.    if (!o[x]) {
  4151.      o[x] = {};
  4152.    }
  4153.    return o[x];
  4154.  }, window);
  4155.  // Note we are using the theme app extension
  4156.  window.Shoppad.apps.infiniteoptions.themeAppExtensionActive = true;
  4157. </script>
  4158.  
  4159.  
  4160.  
  4161. </div>
  4162.  
  4163. </div>
  4164.  
  4165.  
  4166.  
  4167.  
  4168.  
  4169.  
  4170.  
  4171. </div><div id="shopify-section-template--19336425930939__product_recommendations_qggXJq" class="shopify-section">
  4172. <script
  4173.  src="//me.lol/cdn/shop/t/1/assets/product-recommendations.js?v=168150234305923440771774804913"
  4174.  type="module"
  4175.  fetchpriority="low"
  4176. ></script>
  4177.  
  4178.  
  4179.  
  4180.  
  4181.  
  4182.  
  4183.  
  4184.  
  4185.  
  4186. <product-recommendations
  4187.  id="product-recommendations-template--19336425930939__product_recommendations_qggXJq"
  4188.  class="product-recommendations"
  4189.  data-url="/recommendations/products?limit=4"
  4190.  data-section-id="template--19336425930939__product_recommendations_qggXJq"
  4191.  data-product-id="8369995022523"
  4192.  data-intent="related"
  4193.  data-testid="product-recommendations-section"
  4194.  data-recommendations-performed="false"
  4195.  data-hydration-key="product-recommendations-template--19336425930939__product_recommendations_qggXJq"
  4196.  
  4197. >
  4198.  <div class="section-background color-scheme-1"></div>
  4199.  <div
  4200.    class="
  4201.      section
  4202.      section--page-width
  4203.      color-scheme-1
  4204.      section-resource-list
  4205.      spacing-style
  4206.      gap-style
  4207.    "
  4208.    style="
  4209.      --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
  4210.      --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px));
  4211.      --column-count-mobile: 2;--resource-list-column-gap-desktop: 12px;--resource-list-row-gap-desktop: 24px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--resource-list-column-gap-desktop: 12px;--column-count: 4;--column-count-mobile: 2;
  4212.    "
  4213.  >
  4214.    <div class="section-resource-list__content">
  4215.      
  4216.  
  4217.  
  4218.  
  4219.  
  4220.  
  4221.  
  4222.  
  4223.  
  4224.  <div class=" spacing-style text-block text-block--AWjAxQWdzWmx5VlA0N__text_cbcgyb h4      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
  4225.    <h3>You may also like </h3>
  4226.  </div>
  4227.  
  4228.  
  4229.  
  4230.  
  4231.  
  4232.  
  4233.  
  4234.    </div><div
  4235.        class="resource-list resource-list--grid"
  4236.      >
  4237.        
  4238.          <div
  4239.            class="product-recommendations__skeleton-item"
  4240.            aria-label="Loading product recommendations"
  4241.          ></div>
  4242.        
  4243.          <div
  4244.            class="product-recommendations__skeleton-item"
  4245.            aria-label="Loading product recommendations"
  4246.          ></div>
  4247.        
  4248.          <div
  4249.            class="product-recommendations__skeleton-item"
  4250.            aria-label="Loading product recommendations"
  4251.          ></div>
  4252.        
  4253.          <div
  4254.            class="product-recommendations__skeleton-item"
  4255.            aria-label="Loading product recommendations"
  4256.          ></div>
  4257.        
  4258.      </div></div>
  4259. </product-recommendations>
  4260.  
  4261.  
  4262. </div>
  4263.    </main>
  4264.  
  4265.    <footer>
  4266.      <!-- BEGIN sections: footer-group -->
  4267. <div id="shopify-section-sections--19336426127547__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper">
  4268.  
  4269. <div class="section-background color-scheme-1"></div>
  4270. <div
  4271.  class="section section--page-width color-scheme-1"
  4272. >
  4273.  
  4274.  <div
  4275.    class="
  4276.      footer-content
  4277.      spacing-style
  4278.      
  4279.      
  4280.    "
  4281.    style="
  4282.      --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px));
  4283.      --footer-gap: 20px;
  4284.      --grid-columns: 2;
  4285.      --last-row-count: 2;
  4286.      --tablet-last-row-count: 2;
  4287.    "
  4288.  >
  4289.    
  4290.  
  4291.  
  4292. <div
  4293.  class="
  4294.    group-block
  4295.    group-block--height-fit
  4296.    group-block--width-fill
  4297.    border-style
  4298.    spacing-style
  4299.    size-style
  4300.    
  4301.    
  4302.  "
  4303.  style="
  4304.    --border-width: 1px; --border-style: none; --border-color:
  4305. rgb(var(--color-border-rgb) / 1.0); --border-radius:
  4306. 0px;
  4307.  
  4308.    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
  4309.    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  4310.    
  4311.  "
  4312.  
  4313.  data-testid="group-block"
  4314. ><div class="group-block__media-wrapper">
  4315.    
  4316.  
  4317.  
  4318.  
  4319.    
  4320.  </div>
  4321.  
  4322.  <div
  4323.    class="
  4324.      group-block-content
  4325.      
  4326.      layout-panel-flex
  4327.      layout-panel-flex--column
  4328.       mobile-column
  4329.    "
  4330.    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
  4331.  
  4332. --gap: 6px;
  4333.  
  4334. --horizontal-alignment: flex-start; --vertical-alignment: center;
  4335. --vertical-alignment-mobile: center;
  4336. "
  4337.  >
  4338.  
  4339.  
  4340.  
  4341.  
  4342.  
  4343.  
  4344.  
  4345.  
  4346.  
  4347.  <div class=" spacing-style text-block text-block--ATmFTWGtMYVpIdDBha__text_LWt8Pz h4    text-block--align-left  "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
  4348.    <p>Join our list. We promise not to be weird about it.</p>
  4349.  </div>
  4350.  
  4351.  
  4352.  
  4353.  
  4354.  
  4355.  
  4356.  
  4357.  
  4358.  
  4359.  
  4360.  
  4361.  
  4362.  
  4363.  
  4364.  
  4365.  <rte-formatter class=" spacing-style text-block text-block--AR3E1SmJvWm1nYnZ2M__text_f9CFLH rte    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
  4366.    <p>(narrator: they were weird about it)</p>
  4367.  </rte-formatter>
  4368.  
  4369.  
  4370.  
  4371.  
  4372.  
  4373.  
  4374.  
  4375. </div>
  4376. </div>
  4377.  
  4378.  
  4379.  
  4380.  
  4381.  
  4382.  
  4383.  
  4384.  
  4385. <div
  4386.  class="email-signup-block size-style spacing-style"
  4387.  style="--size-style-width: 100%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
  4388.  
  4389. >
  4390.  
  4391. <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
  4392.    <div
  4393.      class="email-signup__input-group email-signup__input-group--integrated   email-signup__input-group--arrow "
  4394.      style="--border-width: 1px; --border-radius: 100px;"
  4395.    >
  4396.      <label
  4397.        for="EmailInput-ATXpkekx4VDF6Ky9EZ__email_signup_crihX7"
  4398.        class="visually-hidden"
  4399.      >
  4400.        Email
  4401.      </label>
  4402.      <input
  4403.        id="EmailInput-ATXpkekx4VDF6Ky9EZ__email_signup_crihX7"
  4404.        class="email-signup__input email-signup__input--all paragraph "
  4405.        type="email"
  4406.        name="contact[email]"
  4407.        autocorrect="off"
  4408.        autocapitalize="off"
  4409.        autocomplete="email"
  4410.        placeholder="Email address"
  4411.        required
  4412.        
  4413.      >
  4414.      <button
  4415.        class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--ATXpkekx4VDF6Ky9EZ__email_signup_crihX7 "
  4416.        
  4417.          aria-label="Sign up"
  4418.        
  4419.      >
  4420.        
  4421.          <svg
  4422.            viewBox="0 0 20 20"
  4423.            xmlns="http://www.w3.org/2000/svg"
  4424.            focusable="false"
  4425.            aria-hidden="true"
  4426.            class="email-signup__button-icon"
  4427.          >
  4428.            
  4429.  
  4430.  
  4431. <path
  4432.      clip-rule="evenodd"
  4433.      d="m11.246 5.31759c.0322-.07821.0833-.14723.1486-.20093.0654-.0537.143-.09041.2259-.10686.083-.01645.1688-.01214.2497.01257.0808.0247.1544.06902.214.12902l4.104 4.104c.0478.04765.0857.10426.1115.16659.0259.06232.0392.12913.0392.19661 0 .06747-.0133.13429-.0392.19661-.0258.06233-.0637.11893-.1115.16659l-4.104 4.10401c-.0963.0963-.227.1504-.3632.1504s-.2669-.0541-.3632-.1504-.1504-.227-.1504-.3632.0541-.2669.1504-.3632l3.2288-3.2278h-11.0736c-.13606 0-.26654-.0541-.36275-.15027-.0962-.0962-.15025-.22669-.15025-.36274 0-.13606.05405-.26654.15025-.36275.09621-.0962.22669-.15025.36275-.15025h11.0736l-3.2288-3.2278c-.0721-.07178-.1212-.16335-.1411-.2631s-.0097-.20316.0293-.2971z"
  4434.      fill="currentColor"
  4435.      fill-rule="evenodd"
  4436.    />
  4437.          </svg>
  4438.        
  4439.      </button>
  4440.    </div></form>
  4441. </div>
  4442.  
  4443.  
  4444.  
  4445.  
  4446.  
  4447.  </div>
  4448. </div>
  4449.  
  4450.  
  4451.  
  4452.  
  4453. </div><div id="shopify-section-sections--19336426127547__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities">
  4454.  
  4455. <div class="section-background color-scheme-1"></div>
  4456. <div
  4457.  class="section section--page-width color-scheme-1"
  4458.  
  4459. >
  4460.  <div
  4461.    class="utilities utilities--blocks-3 spacing-style"
  4462.    style="--padding-block-start: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --border-width: 0px; --gap: 24px;"
  4463.    data-testid="footer-utilities"
  4464.  >
  4465.    
  4466.  
  4467. <div
  4468.  class="
  4469.    footer-utilities__group-copyright
  4470.    custom-typography
  4471.    custom-font-size
  4472.  "
  4473.  style="
  4474. --color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
  4475.  
  4476. >
  4477.  <span class="footer-utilities__text">
  4478.    &copy; 2026
  4479.    <a href="/" title="">Me.LOL</a>, <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Powered by Shopify</a>
  4480. </span>
  4481. </div>
  4482.  
  4483.  
  4484.  
  4485.  
  4486.  <anchored-popover-component
  4487.    data-hover-triggered="true"
  4488.  >
  4489.    <button
  4490.      class="policy-list-trigger button-unstyled"
  4491.      popovertarget="terms-policies-popover"
  4492.      popovertargetaction="toggle"
  4493.      ref="trigger"
  4494.      style="
  4495. --color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
  4496.      
  4497.    >
  4498.      Terms and Policies
  4499.    </button>
  4500.    <div
  4501.      class="terms-policies-popover color-scheme-1"
  4502.      id="terms-policies-popover"
  4503.      popover="auto"
  4504.      ref="popover"
  4505.    >
  4506.      <ul
  4507.        class="
  4508.          policy_list list-unstyled
  4509.          custom-typography
  4510.          custom-font-size
  4511.        "
  4512.      ><li>
  4513.              <a
  4514.                href="/policies/privacy-policy"
  4515.                class="footer-utilities__text"
  4516.              >Privacy policy</a>
  4517.            </li></ul>
  4518.    </div>
  4519.  </anchored-popover-component>
  4520.  
  4521.  
  4522.  
  4523.  
  4524.  
  4525.  
  4526.  
  4527. <div
  4528.  class="social-icons__wrapper"
  4529.  
  4530. >
  4531.  
  4532.  
  4533.  
  4534.    
  4535.  
  4536.    
  4537.    
  4538.      
  4539.    
  4540.  
  4541.    
  4542.  
  4543.    
  4544.    
  4545.      
  4546.    
  4547.  
  4548.    
  4549.  
  4550.    
  4551.    
  4552.      
  4553.    
  4554.  
  4555.    
  4556.  
  4557.    
  4558.    
  4559.      
  4560.    
  4561.  
  4562.    
  4563.  
  4564.    
  4565.    
  4566.      
  4567.    
  4568.  
  4569.    
  4570.  
  4571.    
  4572.    
  4573.  
  4574.    
  4575.  
  4576.    
  4577.    
  4578.  
  4579.    
  4580.  
  4581.    
  4582.    
  4583.  
  4584.    
  4585.  
  4586.    
  4587.    
  4588.  
  4589.    
  4590.  
  4591.    
  4592.    
  4593.  
  4594.    
  4595.  
  4596.    
  4597.    
  4598.  
  4599.    
  4600.  
  4601.    
  4602.    
  4603.  
  4604.    
  4605.  
  4606.    
  4607.    
  4608.  
  4609. </div>
  4610.  
  4611.  
  4612.  
  4613.  
  4614.  
  4615.  </div>
  4616. </div>
  4617.  
  4618.  
  4619.  
  4620.  
  4621. </div>
  4622. <!-- END sections: footer-group -->
  4623.    </footer>
  4624.  
  4625.    
  4626.  
  4627. <script
  4628.  src="//me.lol/cdn/shop/t/1/assets/dialog.js?v=150888536568694194021774804913"
  4629.  type="module"
  4630. ></script>
  4631.  
  4632. <script
  4633.  src="//me.lol/cdn/shop/t/1/assets/predictive-search.js?v=149240552485540508541774804913"
  4634.  type="module"
  4635.  fetchpriority="low"
  4636. ></script>
  4637.  
  4638. <dialog-component
  4639.  id="search-modal"
  4640.  class="search-modal"
  4641.  
  4642. >
  4643.  <dialog
  4644.    ref="dialog"
  4645.    on:click="/closeDialogOnClickOutside"
  4646.    on:keydown="/closeDialogOnEscapePress"
  4647.    class="search-modal__content dialog-modal"
  4648.    scroll-lock
  4649.    aria-labelledby="search-modal-heading"
  4650.  >
  4651.    <h2
  4652.      id="search-modal-heading"
  4653.      class="visually-hidden"
  4654.    >
  4655.      Search
  4656.    </h2>
  4657.    <predictive-search-component
  4658.      class="predictive-search color-scheme-1"
  4659.      style="--product-corner-radius: 0px; --card-corner-radius: 4px;"
  4660.      data-section-id="predictive-search"
  4661.      data-testid="search-component--modal"
  4662.      role="search"
  4663.      aria-label="Search"
  4664.    >
  4665.      <form
  4666.        action="/search"
  4667.        method="get"
  4668.        role="search"
  4669.        class="predictive-search-form"
  4670.        ref="form"
  4671.        on:keydown="/onSearchKeyDown"
  4672.      >
  4673.        <div
  4674.          class="predictive-search-form__header"
  4675.        >
  4676.          <div class="predictive-search-form__header-inner">
  4677.            <label
  4678.              for="cmdk-input"
  4679.              class="visually-hidden"
  4680.            >Search</label>
  4681.            <input
  4682.              class="search-input"
  4683.              id="cmdk-input"
  4684.              type="search"
  4685.              name="q"
  4686.              role="combobox"
  4687.              aria-expanded="false"
  4688.              aria-owns="predictive-search-results"
  4689.              aria-controls="predictive-search-results"
  4690.              aria-haspopup="listbox"
  4691.              aria-autocomplete="list"
  4692.              autocomplete="off"
  4693.              placeholder="Search"
  4694.              ref="searchInput"
  4695.              on:input="/search"
  4696.              on:keydown="/onSearchKeyDown"
  4697.            >
  4698.            <input
  4699.              name="options[prefix]"
  4700.              type="hidden"
  4701.              value="last"
  4702.            >
  4703.            <span class="svg-wrapper predictive-search__icon">
  4704.              <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
  4705.  
  4706.            </span>
  4707.            <button
  4708.              type="button"
  4709.              class="button-unstyled predictive-search__reset-button"
  4710.              ref="resetButton"
  4711.              hidden
  4712.              on:click="/resetSearch"
  4713.            >
  4714.              Clear
  4715.            </button>
  4716.          </div>
  4717.          <button
  4718.            type="button"
  4719.            class="button predictive-search__close-modal-button"
  4720.            aria-label="Close dialog"
  4721.            on:click="dialog-component/closeDialog"
  4722.            ref="closeModalButton"
  4723.          >
  4724.            <span class="svg-wrapper">
  4725.              <svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  4726.  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  4727.  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  4728. </svg>
  4729.  
  4730.            </span>
  4731.          </button>
  4732.        </div>
  4733.  
  4734.        <div class="predictive-search-form__content-wrapper">
  4735.          <div
  4736.            class="predictive-search-form__content"
  4737.            ref="predictiveSearchResults"
  4738.            on:click="/handleModalClick"
  4739.          >
  4740.            
  4741.  
  4742. <div
  4743.  id="predictive-search-results"
  4744.  class="predictive-search-dropdown"
  4745.  role="listbox"
  4746.  aria-expanded="true"
  4747.  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
  4748. >
  4749.  
  4750.    <div class="predictive-search-results__inner">
  4751.      
  4752.      
  4753.        
  4754.        
  4755.        
  4756.          <div
  4757.  id="predictive-search-products"
  4758.  class="predictive-search-results__products"
  4759.  
  4760.    data-testid="products-list-default--modal"
  4761.  
  4762. >
  4763.  
  4764.    <h4 class="predictive-search-results__title">
  4765.      Products
  4766.    </h4>
  4767.    <ul
  4768.      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
  4769.    >
  4770.      
  4771.      
  4772.        <li
  4773.          class="predictive-search-results__card predictive-search-results__card--product"
  4774.          ref="resultsItems[]"
  4775.        >
  4776.          
  4777. <div
  4778.  class="resource-card"
  4779.  data-resource-type="product"
  4780. >
  4781.  <a
  4782.    class="resource-card__link"
  4783.    href="/products/put-it-on-a-free-shirt"
  4784.  >
  4785.    <span class="visually-hidden">
  4786.      You had one thought. We made it wearable.
  4787.    </span>
  4788.  </a>
  4789.  <div
  4790.    class="resource-card__media"
  4791.    style="--resource-card-aspect-ratio: 4 / 5;"
  4792.    
  4793.  >
  4794.      
  4795.      
  4796.  
  4797.        <img src="//me.lol/cdn/shop/files/FinalFlatShirt.png?v=1779400967&amp;width=500" alt="" srcset="//me.lol/cdn/shop/files/FinalFlatShirt.png?v=1779400967&amp;width=240 240w, //me.lol/cdn/shop/files/FinalFlatShirt.png?v=1779400967&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
  4798. </div>
  4799.  
  4800.  <div class="resource-card__content">
  4801.    <p class="resource-card__title paragraph">You had one thought. We made it wearable.</p>
  4802.  
  4803.    
  4804.      <div ref="priceContainer">
  4805.  
  4806.    
  4807.    <div
  4808.      class="
  4809.        price__regular
  4810.        
  4811.      "
  4812.    >
  4813.      <span class="price">$0.00</span>
  4814.    </div>
  4815.    <div
  4816.      class="
  4817.        price__sale
  4818.        
  4819.          price__hidden
  4820.        
  4821.      "
  4822.    >
  4823.      
  4824.        <span class="price-item__group">
  4825.          <span class="visually-hidden">Regular price&nbsp;</span>
  4826.          <span class="price-item--regular compare-at-price"></span>
  4827.        </span>
  4828.        <span class="price-item__group">
  4829.          <span class="visually-hidden">Sale price&nbsp;</span>
  4830.          <span class="price-item--sale price">$0.00</span>
  4831.        </span>
  4832.      
  4833.    </div>
  4834.  
  4835. </div>
  4836.    
  4837.  </div>
  4838. </div>
  4839.  
  4840.        </li>
  4841.      
  4842.    </ul>
  4843.  
  4844. </div>
  4845.  
  4846.        
  4847.      
  4848.    </div>
  4849.  
  4850. </div>
  4851.  
  4852.          </div>
  4853.  
  4854.          <div class="predictive-search-form__footer">
  4855.            <button
  4856.              class="button predictive-search__search-button"
  4857.              ref="viewAllButton"
  4858.            >
  4859.              View all
  4860.            </button>
  4861.          </div>
  4862.        </div>
  4863.      </form>
  4864.    </predictive-search-component>
  4865.  </dialog>
  4866. </dialog-component>
  4867.  
  4868.  
  4869.  
  4870.  
  4871.    
  4872.      <script
  4873.  src="//me.lol/cdn/shop/t/1/assets/gift-card-recipient-form.js?v=129634859299628245901774804913"
  4874.  type="module"
  4875.  fetchpriority="low"
  4876. ></script>
  4877. <quick-add-dialog id="quick-add-dialog">
  4878.  <dialog
  4879.    class="quick-add-modal dialog-modal color-scheme-1"
  4880.    ref="dialog"
  4881.    scroll-lock
  4882.  >
  4883.    <button
  4884.      ref="closeButton"
  4885.      on:click="/closeDialog"
  4886.      class="button button-unstyled close-button quick-add-modal__close"
  4887.      aria-label="Close dialog"
  4888.    ><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  4889.  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  4890.  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  4891. </svg>
  4892. </button>
  4893.  
  4894.    <div
  4895.      id="quick-add-modal-content"
  4896.      class="quick-add-modal__content"
  4897.    ></div>
  4898.  </dialog>
  4899. </quick-add-dialog>
  4900.  
  4901.  
  4902.  
  4903.  
  4904.  
  4905.  
  4906.    
  4907.    <!--
  4908.  Me.LOL — Complete Shopify Theme Snippet
  4909.  Add this to theme.liquid just before the closing <div id="shopify-block-Ab3piL1gvY0x0aVFLV__12450984056772916534" class="shopify-block shopify-app-block"><link href="//cdn.shopify.com/extensions/019e5022-51d5-7c45-90cb-ee318f70b395/nexo-order-limits-230/assets/limit-x-app.css" rel="stylesheet" type="text/css" media="all" />
  4910.  
  4911. <div id="limit-x-app-embed-root"></div>
  4912.  
  4913. <script>
  4914.  let cartData = {"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};
  4915.  cartData = {
  4916.    ...cartData,
  4917.    token: 'null',
  4918.  };
  4919.  
  4920.  window.limitXSettings = {
  4921.    data: {"limit_rules":[{"id":1865,"name":"Purchase Limit","minimum_value":1,"maximum_value":1,"increment_value":1,"use_inventory_quantity":false,"type_id":1,"quantity_strategy_id":1,"product_scope_id":1,"condition_match_id":1,"customer_scope_id":1,"priority":0,"status_id":1,"configuration_id":997,"countries":null,"unlimited":false,"period":"lifetime","period_config":{"daily_reset_time":"00:00","weekly_reset_day":1,"yearly_reset_day":1,"monthly_reset_day":1,"weekly_reset_time":"00:00","yearly_reset_time":"00:00","monthly_reset_time":"00:00","yearly_reset_month":1},"timezone":"America\/Chicago","block_duration":{"unit":"days","value":1},"qre":{"r":[[1,1,"a"],[2,null,"x"]]},"scopes":[],"conditions":[]}],"display_configs":[{"id":997,"name":"Default Configuration","is_default":true,"visibility_settings":{"enable_cart_page":true,"enable_product_page":true,"enable_checkout_page":true,"enable_collection_page":true},"display_options":{"message_icon":null,"message_style":"standard","message_prefix":"⚠️","message_suffix":"","maximum_heading":"Maximum","minimum_heading":"Minimum","increment_heading":"Increments","message_animation":"none","message_font_size":"14px","show_limits_table":true,"message_font_weight":"normal","show_maximum_column":true,"show_minimum_column":true,"always_on_text_color":"#0066CC","cart_message_position":"below_quantity_input","dynamic_for_all_rules":false,"show_increment_column":true,"show_configuration_name":true,"product_message_position":"above_add_to_cart","enable_always_on_messages":false,"show_message_at_max_limit":false,"always_on_background_color":"#E6F2FF","table_parent_element_levels":3,"enable_quantity_button_hiding":false,"product_parent_element_levels":2,"enable_dynamic_quantity_buttons":true,"enable_min_value_initialization":true,"message_input_parent_element_levels":2,"global_message_parent_element_levels":2,"cart_drawer_message_input_parent_element_levels":2,"cart_drawer_global_message_parent_element_levels":2},"notification_templates":{"minimum_message":"Please add at least {min} items to your cart","maximum_message":"You cannot add more than {max} items to your cart\nLimit reached. Max {max}. Remaining: {remaining}. Resets {window_resets_in}.","increment_message":"Quantity must be in increments of {multiple}","combined_message":"Some items in your cart do not meet the quantity requirements.","frequency_message":"Please wait {time_remaining} before purchasing again.","always_on_message":"This product requires a minimum of {min} items","text_color":"#FF0000","background_color":"#FFFFFF"},"notification_template_translations":[]}],"general_settings":{"storefront_access_token":"203c49dd2d677f78ff4d6059b48141bf","custom_css":null,"enable_cart_quantity_calculations":false,"updated_at":"2026-04-12T06:41:26+00:00","weight_unit":"POUNDS"},"app_url":"https:\/\/api.nexusio.cc","weight_unit":"POUNDS"},
  4922.    cart: cartData,
  4923.    page_type: "product",
  4924.    design_mode: false,
  4925.    api_url: "\/api",
  4926.  };
  4927.  
  4928.  
  4929.    window.limitXSettings.product = {
  4930.      id: 8369995022523,
  4931.      variantBySelectedOptions: {"id":47635674136763,"title":"XS \/ Standard","option1":"XS","option2":"Standard","option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"You had one thought. We made it wearable. - XS \/ Standard","public_title":"XS \/ Standard","options":["XS","Standard"],"price":0,"weight":227,"compare_at_price":null,"inventory_management":null,"barcode":"","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},
  4932.      handle: "put-it-on-a-free-shirt",
  4933.    };
  4934.  
  4935.    window.limitXSettings.customer = {
  4936.      id: null,
  4937.      email: null,
  4938.      name: null,
  4939.      tags: null,
  4940.      purchase_data: null
  4941.    };
  4942. </script>
  4943.  
  4944. <script src="https://cdn.shopify.com/extensions/019e5022-51d5-7c45-90cb-ee318f70b395/nexo-order-limits-230/assets/limit-x-app.js" defer type="module"></script>
  4945.  
  4946.  
  4947. </div></body> tag
  4948.  
  4949.  What this does:
  4950.  1. Reads the ?domain= parameter from the URL
  4951.  2. Auto-fills the "Your domain name" field with the incoming domain
  4952.  3. Updates any shirt preview elements dynamically
  4953.  4. Blocks offensive domains and redirects to explanation page
  4954.  5. Stores domain in session for checkout persistence
  4955. -->
  4956.  
  4957. <!--
  4958.  Me.LOL — Complete Shopify Theme Snippet v2
  4959.  Fixed: always reads fresh URL parameter, never serves stale sessionStorage
  4960.  Add this to theme.liquid just before the closing </body> tag
  4961. -->
  4962.  
  4963. <script>
  4964. (function() {
  4965.  
  4966.  var params = new URLSearchParams(window.location.search);
  4967.      var incomingDomain = params.get('domain') || sessionStorage.getItem('melol_domain') || 'me.lol';
  4968.      if(incomingDomain){ var _lolMap = {'.jajaja':'.lol','.mdr':'.lol','.kkk':'.lol','.www':'.lol','.555':'.lol','.xaxa':'.lol','.hahaha':'.lol','.jaja':'.lol','.kkkk':'.lol','.hhh':'.lol','.wkwk':'.lol','.rsrs':'.lol'}; Object.keys(_lolMap).forEach(function(k){ if(incomingDomain.toLowerCase().endsWith(k)) incomingDomain = incomingDomain.substring(0, incomingDomain.length - k.length) + _lolMap[k]; }); }
  4969.    function injectShirtOverlay() {
  4970.    var wrap = null;
  4971.    var allMedia = document.querySelectorAll('.product-media');
  4972.    for (var i = 0; i < allMedia.length; i++) { var r = allMedia[i].getBoundingClientRect(); if (r.width > 0 && r.height > 0) { wrap = allMedia[i]; break; } }
  4973.    if (!wrap) return;
  4974.    wrap.style.position = 'relative';
  4975.    var urlParams = new URLSearchParams(window.location.search);
  4976.    var d = urlParams.get('domain') || sessionStorage.getItem('melol_domain') || 'me.lol';
  4977.    var _lm2={'.jajaja':'.lol','.mdr':'.lol','.kkk':'.lol','.www':'.lol','.555':'.lol','.xaxa':'.lol','.hahaha':'.lol','.jaja':'.lol','.kkkk':'.lol','.hhh':'.lol','.wkwk':'.lol','.rsrs':'.lol'};Object.keys(_lm2).forEach(function(k){if(d.toLowerCase().endsWith(k))d=d.substring(0,d.length-k.length)+_lm2[k];});var lastDot = d.lastIndexOf('.');
  4978.    var w = d.substring(0, lastDot).toUpperCase();
  4979.    var t = d.substring(lastDot).toUpperCase();
  4980.    var existing = document.getElementById('melolOverlay'); if (existing) existing.remove();
  4981.    var overlay = document.createElement('div');
  4982.    overlay.id = 'melolOverlay';
  4983.    overlay.style.cssText = 'position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;';
  4984.    var fingerImg = document.createElement('img');
  4985.    fingerImg.id = 'melolFingerImg';
  4986.    fingerImg.onerror = function() { this.style.display = 'none'; };
  4987.    fingerImg.style.cssText = 'position:absolute;display:none;object-fit:contain;left:50%;transform:translateX(-50%);top:18%;background:transparent;';
  4988.    fingerImg.alt = '';
  4989.    fingerImg.style.mixBlendMode = '';
  4990.    fingerImg.src = 'https://cdn.shopify.com/s/files/1/0714/1697/1451/files/Pointing_finger_BGRM.png?v=1779553570';
  4991.    var wordEl = document.createElement('div');
  4992.    wordEl.id = 'shirt-domain-word';
  4993.    wordEl.style.cssText = "position:absolute;left:50%;transform:translateX(-50%);top:29%;white-space:nowrap;font-family:'Arial Black',Arial,sans-serif;font-weight:900;color:#fff;line-height:1.05;text-shadow:1px 1px 3px rgba(0,0,0,.6);text-align:center;";
  4994.    wordEl.textContent = w;
  4995.    var wrapW = wrap.getBoundingClientRect().width || 400;
  4996.    var dynSize = Math.min(60, Math.max(16, Math.round((wrapW * 0.20) / (w.length * 0.6))));
  4997.    wordEl.style.fontSize = dynSize + 'px';
  4998.    var tldEl = document.createElement('div');
  4999.    tldEl.id = 'shirt-domain-tld';
  5000.    tldEl.style.cssText = "position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;font-family:'Arial Black',Arial,sans-serif;font-weight:900;font-size:clamp(10px,4vw,24px);color:rgba(255,255,255,.72);line-height:1.1;text-shadow:1px 1px 3px rgba(0,0,0,.5);text-align:center;";
  5001.    tldEl.textContent = t;
  5002.    if (t === '.WTF' || t === '.SO') tldEl.textContent = t + '?';
  5003.    overlay.appendChild(fingerImg); overlay.appendChild(wordEl); overlay.appendChild(tldEl);
  5004.    wrap.appendChild(overlay);
  5005.    var fSize = Math.min(200, Math.max(60, Math.round(wrapW * 0.28)));
  5006.    fingerImg.style.width = fSize + 'px';
  5007.    fingerImg.style.height = fSize + 'px';
  5008.    fingerImg.style.top = '20%';
  5009.    var wR = wrap.getBoundingClientRect();
  5010.    tldEl.style.top = ((wordEl.getBoundingClientRect().bottom - wR.top) / wR.height * 100 + 1).toFixed(1) + '%';
  5011.  }
  5012. // — SHARE BUTTONS —
  5013.    var displayDomain = incomingDomain || window.location.hostname; if (displayDomain) {
  5014.    var existing = document.getElementById('melolShareSuite');
  5015.    if (existing) existing.remove();
  5016.    var suite = document.createElement('div');
  5017.    suite.id = 'melolShareSuite';
  5018.    suite.style.cssText = 'display:flex;gap:10px;justify-content:center;margin:16px auto 0;max-width:400px;';
  5019.    var copyBtn = document.createElement('button');
  5020.    copyBtn.textContent = '\uD83D\uDD17 Copy Link';
  5021.    copyBtn.style.cssText = 'flex:1;padding:10px 16px;background:#111;color:#fff;border:none;border-radius:8px;font-family:Arial,sans-serif;font-size:14px;font-weight:600;cursor:pointer;';
  5022.    copyBtn.onclick = function() {
  5023.            navigator.clipboard.writeText('https://' + displayDomain).then(function() {
  5024.        copyBtn.textContent = '\u2713 Copied!';
  5025.        setTimeout(function() { copyBtn.textContent = '\uD83D\uDD17 Copy Link'; }, 2000);
  5026.      });
  5027.    };
  5028.    var saveBtn = document.createElement('button');
  5029.    saveBtn.textContent = '\uD83D\uDCF8 Save Image';
  5030.    saveBtn.style.cssText = 'flex:1;padding:10px 16px;background:#fff;color:#111;border:2px solid #111;border-radius:8px;font-family:Arial,sans-serif;font-size:14px;font-weight:600;cursor:pointer;';
  5031.   saveBtn.onclick = function() {
  5032.      saveBtn.textContent = '\u23F3 Saving...';
  5033.      var wrap = document.getElementById('melolOverlay') ? document.getElementById('melolOverlay').parentElement : null;
  5034.      if (!wrap) { saveBtn.textContent = '\uD83D\uDCF8 Save Image'; return; }
  5035.      var img = wrap.querySelector('img');
  5036.      var wordEl = document.getElementById('shirt-domain-word');
  5037.      var tldEl = document.getElementById('shirt-domain-tld');
  5038.      if (!img || !wordEl) { saveBtn.textContent = '\uD83D\uDCF8 Save Image'; return; }
  5039.      var size = 1200;
  5040.      var nc = document.createElement('canvas');
  5041.      nc.width = size; nc.height = size;
  5042.      var ctx = nc.getContext('2d');
  5043.      ctx.fillStyle = '#f0f0f0';
  5044.      ctx.fillRect(0, 0, size, size);
  5045.            var shirtImg = new Image(); shirtImg.crossOrigin
  5046.      shirtImg.crossOrigin = 'anonymous';
  5047.      shirtImg.onload = function() {
  5048.        ctx.drawImage(shirtImg, 0, 0, size, size);
  5049.        var wrapR = wrap.getBoundingClientRect();
  5050.        var wordR = wordEl.getBoundingClientRect();
  5051.        var tldR = tldEl.getBoundingClientRect();
  5052.        var scaleX = size / wrapR.width;
  5053.        var wordTopPct = (wordR.top - wrapR.top) / wrapR.height;
  5054.        var tldTopPct = (tldR.top - wrapR.top) / wrapR.height;
  5055.        var wordFS = parseFloat(wordEl.style.fontSize) * scaleX * 1.10;
  5056.        ctx.font = '900 ' + Math.round(wordFS) + 'px Arial Black, Arial';
  5057.        ctx.fillStyle = '#ffffff';
  5058.        ctx.textAlign = 'center';
  5059.        ctx.shadowColor = 'rgba(0,0,0,0.6)';
  5060.        ctx.shadowBlur = 6;
  5061.        ctx.fillText(wordEl.textContent, size / 2, wordTopPct * size + wordFS);
  5062.        var tldFS = Math.round(20 * scaleX);
  5063.        ctx.font = '900 ' + tldFS + 'px Arial Black, Arial';
  5064.        ctx.fillStyle = 'rgba(255,255,255,0.72)';
  5065.        ctx.fillText(tldEl.textContent, size / 2, tldTopPct * size + tldFS - 20);
  5066.        ctx.shadowBlur = 0;
  5067.        var fingerEl = document.getElementById('melolFingerImg');
  5068.        function download() {
  5069.          var link = document.createElement('a');
  5070.                  link.download = (displayDomain || 'melol').replace('.', '-') + '-shirt.png';
  5071.          link.href = nc.toDataURL('image/png');
  5072.          link.click();
  5073.          saveBtn.textContent = '\u2713 Saved!';
  5074.          setTimeout(function() { saveBtn.textContent = '\uD83D\uDCF8 Save Image'; }, 2000);
  5075.        }
  5076.        if (fingerEl && fingerEl.style.display !== 'none') {
  5077.          var fR = fingerEl.getBoundingClientRect();
  5078.          var fLeftPct = (fR.left - wrapR.left) / wrapR.width;
  5079.          var fTopPct = (fR.top - wrapR.top) / wrapR.height;
  5080.          var fSz = fR.width * scaleX * 0.85;
  5081.          var fX = fLeftPct * size - (fSz - fR.width * scaleX) / 2;
  5082.          var fY = fTopPct * size + 30;
  5083.          var fImg = new Image();
  5084.          fImg.crossOrigin = 'anonymous';
  5085.          fImg.onload = function() {
  5086.            var fRatio = fImg.naturalWidth / fImg.naturalHeight;
  5087.            ctx.drawImage(fImg, (size / 2) - (fSz * fRatio / 2), fY + 50, fSz * fRatio, fSz);
  5088.            download();
  5089.          };
  5090.          fImg.onerror = download;
  5091.          fImg.src = fingerEl.src;
  5092.        } else { download(); }
  5093.      };
  5094.      shirtImg.onerror = function() { saveBtn.textContent = '\uD83D\uDCF8 Save Image'; };
  5095.            shirtImg.src = 'https://cdn.shopify.com/s/files/1/0714/1697/1451/files/FinalFlatShirt.png';
  5096.    };
  5097.    suite.appendChild(copyBtn);
  5098.    suite.appendChild(saveBtn);
  5099.    var productForm = document.querySelector('.product-form, form[action="/cart/add"]');
  5100.    if (productForm) productForm.insertAdjacentElement('afterend', suite);
  5101.          var urgLine = document.createElement('p'); urgLine.textContent = 'Free shirts won\u2019t last forever. We\u2019re not sure how long we can keep this up.'; urgLine.style.cssText = 'text-align:center;color:#888;font-size:13px;font-style:italic;margin:12px auto 0;max-width:400px;line-height:1.5;'; suite.parentElement.insertBefore(urgLine, suite.nextSibling);
  5102.  }
  5103.  if (document.readyState === 'loading') {
  5104.    document.addEventListener('DOMContentLoaded', injectShirtOverlay);
  5105.  } else { injectShirtOverlay(); }
  5106.  setTimeout(injectShirtOverlay, 1000);
  5107. // Track finger state globally
  5108.  window._melolFingerOn = false;
  5109.  var _origToggle = window.melolToggleFinger;
  5110.  window.melolToggleFinger = function(show) {
  5111.    window._melolFingerOn = show;
  5112.    _origToggle(show);
  5113.  };
  5114.  
  5115.  // Re-inject when Shopify swaps media on variant change
  5116.  var _lastVisibleMedia = null;
  5117.  setInterval(function() {
  5118.    if (window.location.pathname.includes('/pages/')) return;
  5119.    var allMedia = document.querySelectorAll('.product-media');
  5120.    var visible = null;
  5121.    for (var i = 0; i < allMedia.length; i++) {
  5122.      if (allMedia[i].getBoundingClientRect().width > 0) { visible = allMedia[i]; break; }
  5123.    }
  5124.    if (visible && visible !== _lastVisibleMedia) {
  5125.      _lastVisibleMedia = visible;
  5126.      injectShirtOverlay();
  5127.      if (window._melolFingerOn) window.melolToggleFinger(true);
  5128.    }
  5129.  }, 300);
  5130.  window.melolToggleFinger = function(show) {
  5131.    var fingerEl = document.getElementById('melolFingerImg');
  5132.    var wordEl   = document.getElementById('shirt-domain-word');
  5133.    var tldEl    = document.getElementById('shirt-domain-tld');
  5134.    if (!fingerEl || !wordEl || !tldEl) return;
  5135.    if (show) {
  5136.      fingerEl.style.display = 'block';
  5137.      wordEl.style.top = '42%';
  5138.    } else {
  5139.      fingerEl.style.display = 'none';
  5140.      wordEl.style.top = '29%';
  5141.    }
  5142.    var wR = wordEl.parentElement.getBoundingClientRect();
  5143.    tldEl.style.top = ((wordEl.getBoundingClientRect().bottom - wR.top) / wR.height * 100 + 1).toFixed(1) + '%';
  5144.  };
  5145.  
  5146.  window._melolFingerOn = false;
  5147.  
  5148.  document.addEventListener('change', function(e) {
  5149.    if (!e.target) return;
  5150.    var name = (e.target.name  || '').toLowerCase();
  5151.    var val  = (e.target.value || '').toLowerCase();
  5152.    if (name.includes('add-on') || name.includes('addon')) {
  5153.      window._melolFingerOn = val.includes('finger') || val.includes('pointing');
  5154.      setTimeout(function() {
  5155.        var old = document.getElementById('melolOverlay');
  5156.        if (old) old.remove();
  5157.        injectShirtOverlay();
  5158.        window.melolToggleFinger(window._melolFingerOn);
  5159.      }, 300);
  5160.      window.melolToggleFinger(window._melolFingerOn);
  5161.    }
  5162.  });
  5163.  
  5164.  if (!incomingDomain) return;
  5165.  var domain   = incomingDomain.toLowerCase().trim();
  5166.  var lastDot  = domain.lastIndexOf('.');
  5167.  var wordPart = domain.substring(0, lastDot).toUpperCase();
  5168.  var tld      = domain.substring(lastDot).toUpperCase();
  5169.  
  5170. var blocked = [
  5171.  'adolf','aryan','aryans','assassination','assassinate',
  5172.  'beaner','brownshirt','burqa',
  5173.  'childporn','chink','cocksucker','coon','cp',
  5174.  'darkie','dumbbitch','darky',
  5175.  'faggot','fatnigga',
  5176.  'genocides','genocide','gook','gopedo',
  5177.  'hajib','hitler','holocaust','humantrash',
  5178.  'ileaked',
  5179.  'jap','jihad',
  5180.  'kike','killyourself','kimjong','kimjongun','kys',
  5181.  'leakednude','libtard','lolicon','lynch',
  5182.  'massacre','midget','midgets','molest','mrgay',
  5183.  'murder','murderer','murderers','murders',
  5184.  'nazi','nazis','negro','niggabutt','niggapunk',
  5185.  'nigga','niggas','nigger','niggerrape','niggers',
  5186.  'noose','northkorea',
  5187.  'pedo','pedophile',
  5188.  'rape','rapes','rapey','rapist','realnigga','reich','retard','retarded',
  5189.  'retardia','retardo','retards',
  5190.  'sexoffender','spic','stabby','swastika',
  5191.  'terrorize','torture','trannies','tranny',
  5192.  'unabomber',
  5193.  'vladimirputin',
  5194.  'wetback','wog','schoolshooting','whore',
  5195.  'aregay','gotaids'
  5196. ];
  5197.  if (blocked.some(function(b){ return domain.includes(b); })) {
  5198.    window.location.href = '/pages/yeah-were-not-putting-that-on-a-shirt?domain=' + encodeURIComponent(domain);
  5199.    return;
  5200.  }
  5201.  
  5202. function fillField() {
  5203.    var byId   = document.getElementById('Domain name on shirt-0-0');
  5204.    if (byId)   { byId.value = domain; return true; }
  5205.    var byName = document.querySelector('input[name="properties[Domain name on shirt]"]');
  5206.    if (byName) { byName.value = domain; return true; }
  5207.    var byForm = document.querySelector('form[action="/cart/add"] input[type="text"][required]');
  5208.    if (byForm) { byForm.value = domain; return true; }
  5209.    return false;
  5210.  }
  5211.  fillField();
  5212.  setTimeout(fillField, 300);
  5213.  setTimeout(fillField, 800);
  5214.  setTimeout(fillField, 1500);
  5215.  setTimeout(fillField, 3000);
  5216.  setTimeout(fillField, 5000);
  5217.  if(window.location.pathname.includes('/products/')) new MutationObserver(function(){ fillField(); }).observe(document.body, {childList:true, subtree:true});
  5218.  document.title = wordPart + tld + ' — Put it on a free shirt.';
  5219.  
  5220.  try {
  5221.    sessionStorage.setItem('melol_domain', domain);
  5222.    sessionStorage.setItem('melol_word',   wordPart);
  5223.    sessionStorage.setItem('melol_tld',    tld);
  5224.  } catch(e) {}
  5225.    try { var _v = JSON.parse(localStorage.getItem('melol_visited')||'[]'); if(!Array.isArray(_v)) _v=[]; if(!_v.includes(domain)) { _v.unshift(domain); if(_v.length>20) _v=_v.slice(0,20); } localStorage.setItem('melol_visited', JSON.stringify(_v)); } catch(e) {}
  5226.  
  5227.  if (typeof gtag !== 'undefined') {
  5228.    gtag('event', 'domain_arrival', { 'domain': domain, 'word': wordPart, 'tld': tld.replace('.', '') });
  5229.  }
  5230.  
  5231.  console.log('Me.LOL v2: domain set to', domain);
  5232.  var _vl=[]; try{_vl=JSON.parse(localStorage.getItem('melol_visited')||'[]');}catch(e){} if(!Array.isArray(_vl))_vl=[];
  5233.  if(_vl.length&&!incomingDomain&&window.location.pathname.includes('/products/')){window.location.replace(window.location.pathname+'?domain='+_vl[0]);}
  5234.  
  5235.  
  5236.      // Persist finger add-on selection across page loads
  5237.          if(window.location.pathname.includes('/products/')){
  5238.                function _restoreFinger(){
  5239.                        if(sessionStorage.getItem('melol_finger') === 'true'){
  5240.                                  var radios = document.querySelectorAll('input[type="radio"]');
  5241.                                            radios.forEach(function(r){ if(r.value && r.value.toLowerCase().indexOf('finger') > -1 && !r.checked){ r.click(); } });
  5242.                                                    }
  5243.                                                              if(window.melolToggleFinger) window.melolToggleFinger(true);
  5244.                                                          }
  5245.                                                                setTimeout(_restoreFinger, 1000);
  5246.                                                                      setTimeout(_restoreFinger, 2500);
  5247.                                                                            document.addEventListener('change', function(e){
  5248.                                                                                    if(e.target && e.target.type === 'radio' && e.target.name && e.target.name.toLowerCase().indexOf('add-on') > -1){
  5249.                                                                                              var hasFinger = e.target.value && e.target.value.toLowerCase().indexOf('finger') > -1;
  5250.                                                                                                        sessionStorage.setItem('melol_finger', hasFinger ? 'true' : 'false');
  5251.                                                                                                                }
  5252.                                                                                                                      });
  5253.                                                                                                                          }
  5254.      // Patch internal product links missing ?domain= to use me.lol
  5255.          if(window.location.pathname.includes('/products/')){
  5256.                function _patchLinks(){
  5257.                        document.querySelectorAll('a[href*="/products/"]').forEach(function(a){
  5258.                                  if(a.href.indexOf('domain=') === -1){
  5259.                                              var sep = a.href.indexOf('?') > -1 ? '&' : '?';
  5260.                                                          a.href = a.href + sep + 'domain=me.lol';
  5261.                                                                    }
  5262.                                                                            });
  5263.                                                                                  }
  5264.                                                                                        setTimeout(_patchLinks, 2000);
  5265.                                                                                              new MutationObserver(_patchLinks).observe(document.body, {childList:true, subtree:true});
  5266.                                                                                                  }
  5267. Me.LOLFingerPrompt})();
  5268. </script>
  5269. <script>
  5270.  /* Me.LOL Finger Prompt - overlays product image lower third */
  5271.  (function(){
  5272.    if(!window.location.pathname.includes('/products/')) return;
  5273.      function initFP(){
  5274.          var mc = document.querySelector('.product-media-container');
  5275.              var mw = mc ? (mc.closest('media-gallery') || mc.closest('.product-information__media') || mc.parentElement) : null;
  5276.                  if(!mw) mw = document.querySelector('.product__media-list');
  5277.                      if(!mw) return;
  5278.                          mw.style.position = 'relative';
  5279.                              var fp = document.createElement('div');
  5280.                                  fp.id = 'melolFingerPrompt';
  5281.                                      fp.style.cssText = 'position:absolute;bottom:0;left:0;width:100%;z-index:50;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:10px 8pxmake it your problem;background:rgba(0,0,0,0.85);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-top:2px solid rgba(255,255,255,0.15);transition:opacity 0.4s ease,transform 0.4s ease;pointer-events:auto;box-sizing:border-box;';
  5282.                                          var e1 = document.createElement('span');
  5283.                                              e1.style.fontSize = '22px';
  5284.                                                  e1.textContent = '\uD83E\uDD2D';
  5285.                                                      var e2 = document.createElement('span');
  5286.                                                          e2.style.cssText = 'font-size:15px;font-weight:700;color:#fff;white-space:nowrap;';
  5287.                                                              e2.textContent = 'Wanna See The Finger?';
  5288.                                                                  var yb = document.createElement('button');
  5289.                                                                      yb.style.cssText = 'padding:7px 18px;border-radius:20px;border:2px solid #fff;background:transparent;color:#fff;font-weight:700;font-size:14px;cursor:pointer;';
  5290.                                                                          yb.textContent = 'YES \uD83D\uDC49';
  5291.                                                                              var nb = document.createElement('button');
  5292.                                                                                  nb.style.cssText = 'padding:7px 14px;border-radius:20px;border:1px solid rgba(255,255,255,0.3);background:transparent;color:rgba(255,255,255,0.6);font-size:13px;cursor:pointer;';
  5293.                                                                                      nb.textContent = 'no thanks';
  5294.                                                                                          fp.appendChild(e1);
  5295.                                                                                              fp.appendChild(e2);
  5296.                                                                                                  fp.appendChild(yb);
  5297.                                                                                                      fp.appendChild(nb);
  5298.                                                                                                          mw.appendChild(fp);
  5299.                                                                                                              var ss = document.createElement('style');
  5300.                                                                                                                  ss.textContent = '@keyframes fpW{0%,100%{transform:translateX(0)}15%{transform:translateX(-4px) rotate(-1deg)}30%{transform:translateX(3px) rotate(0.5deg)}45%{transform:translateX(-2px)}60%{transform:translateX(1px)}75%{transform:translateX(0)}}';
  5301.                                                                                                                      document.head.appendChild(ss);
  5302.                                                                                                                          var wi = setInterval(function(){ fp.style.animation = 'fpW 0.5s ease'; setTimeout(function(){ fp.style.animation = ''; }, 600); }, 3000);
  5303.                                                                                                                              function dismiss(){
  5304.                                                                                                                                    clearInterval(wi);
  5305.                                                                                                                                          clearTimeout(at);
  5306.                                                                                                                                                fp.style.opacity = '0';
  5307.                                                                                                                                                      fp.style.transform = 'translateY(20px)';
  5308.                                                                                                                                                            setTimeout(function(){ fp.remove(); }, 500);
  5309.                                                                                                                                                                }
  5310.                                                                                                                                                                    var at = setTimeout(dismiss, 10000);
  5311.                                                                                                                                                                        yb.onclick = function(){
  5312.                                                                                                                                                                              var rs = document.querySelectorAll('input[type="radio"]');
  5313.                                                                                                                                                                                    for(var i = 0; i < rs.length; i++){
  5314.                                                                                                                                                                                            if(rs[i].value.toLowerCase().indexOf('finger') > -1){
  5315.                                                                                                                                                                                                      rs[i].checked = true;
  5316.                                                                                                                                                                                                                rs[i].dispatchEvent(new Event('change', {bubbles:true}));
  5317.                                                                                                                                                                                                                          rs[i].click();
  5318.                                                                                                                                                                                                                                  }
  5319.                                                                                                                                                                                                                                        }
  5320.                                                                                                                                                                                                                                              dismiss();
  5321.                                                                                                                                                                                                                                                  };
  5322.                                                                                                                                                                                                                                                      nb.onclick = dismiss;
  5323.                                                                                                                                                                                                                                                        }
  5324.                                                                                                                                                                                                                                                          if(document.readyState === 'complete') setTimeout(initFP, 500);
  5325.                                                                                                                                                                                                                                                            else window.addEventListener('load', function(){ setTimeout(initFP, 500); });
  5326.                                                                                                                                                                                                                                                            })();
  5327.                                                                                                                                                                                                                                                            </script>
  5328.  
  5329. <script>
  5330. /* Me.LOL — route the header cart icon to /cart (never straight to Shop Pay checkout) */
  5331. (function(){
  5332.  function headerCartLinks(){
  5333.    var out = [], as = document.querySelectorAll('a[href]');
  5334.    for (var i=0;i<as.length;i++){
  5335.      var a = as[i];
  5336.      if (a.closest('form[action*="/cart/add"]')) continue;            // never the add-to-cart button
  5337.      var sig = ((a.getAttribute('aria-label')||'') + ' ' + (a.className||'') + ' ' + (a.id||'')).toLowerCase();
  5338.      var href = a.getAttribute('href') || '';
  5339.      var inHeader = !!a.closest('header, .header, [class*="header"], nav, [class*="nav"]');
  5340.      if (sig.indexOf('cart') > -1 || (inHeader && href.indexOf('/checkout') > -1)){
  5341.        out.push(a);
  5342.      }
  5343.    }
  5344.    return out;
  5345.  }
  5346.  function normalize(){
  5347.    headerCartLinks().forEach(function(a){
  5348.      if ((a.getAttribute('href')||'').replace(/\?.*$/,'') !== '/cart') a.setAttribute('href','/cart');
  5349.    });
  5350.  }
  5351.  normalize();
  5352.  document.addEventListener('click', function(e){
  5353.    if (window.location.pathname.indexOf('/cart') === 0) return;        // on /cart already: leave alone
  5354.    var t = e.target;
  5355.    if (!t || !t.closest) return;
  5356.    if (t.closest('form[action*="/cart/add"]')) return;                 // never hijack add-to-cart
  5357.    var el = t.closest('a, button');
  5358.    var sig = el ? ((el.getAttribute('aria-label')||'') + ' ' + (el.className||'') + ' ' + (el.id||'')).toLowerCase() : '';
  5359.    var iconWrap = t.closest('[aria-label*="cart" i], [class*="cart-icon" i], [class*="cart-link" i], [class*="header__cart" i], [class*="cart-count" i]');
  5360.    var headerCheckout = el && el.tagName === 'A' && (el.getAttribute('href')||'').indexOf('/checkout') > -1 && t.closest('header, .header, [class*="header"], nav, [class*="nav"]');
  5361.    if ((el && sig.indexOf('cart') > -1) || iconWrap || headerCheckout){
  5362.      e.preventDefault();
  5363.      e.stopPropagation();
  5364.      window.location.href = '/cart';
  5365.    }
  5366.  }, true);
  5367.  new MutationObserver(normalize).observe(document.documentElement, {childList:true, subtree:true});
  5368. })();
  5369. </script>
  5370. <script>
  5371. /* Me.LOL Activity Toast — shows real domain visit notifications */
  5372. (function(){
  5373.  if (!window.location.pathname.includes('/products/')) return;
  5374.  var domains = ['STUPID.LOL','MOFO.LOL','LOOKATME.LOL','DRAMA.LOL','CHAOTIC.LOL','DELUSIONAL.LOL','BASIC.LOL','FOMO.LOL','SALTY.LOL','LEGENDARY.LOL','GUILTY.LOL','WHOLESOME.LOL','ERROR.LOL','LOADING.LOL','CAUGHT.LOL','CANCELED.LOL','RATIO.LOL','NOCAP.LOL'];
  5375.  var msgs = ['just visited','is checking this out','just landed here','was just here'];
  5376.  var shown = 0, maxToasts = 5;
  5377.  function showToast(){
  5378.    if (shown >= maxToasts) return;
  5379.    var d = domains[Math.floor(Math.random()*domains.length)];
  5380.    var m = msgs[Math.floor(Math.random()*msgs.length)];
  5381.    var el = document.createElement('div');
  5382.    el.style.cssText = 'position:fixed;bottom:20px;left:20px;background:#111;color:#fff;padding:10px 16px;border-radius:8px;font-size:13px;font-family:Arial,sans-serif;z-index:9999;opacity:0;transform:translateY(10px);transition:opacity 0.3s ease,transform 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.3);max-width:300px;pointer-events:none;';
  5383.    el.textContent = '\uD83D\uDC40 Someone ' + m + ' ' + d;
  5384.    document.body.appendChild(el);
  5385.    setTimeout(function(){ el.style.opacity='1'; el.style.transform='translateY(0)'; }, 50);
  5386.    setTimeout(function(){ el.style.opacity='0'; el.style.transform='translateY(10px)'; }, 3500);
  5387.    setTimeout(function(){ el.remove(); }, 4000);
  5388.    shown++;
  5389.  }
  5390.  setTimeout(showToast, 2000);
  5391.  setTimeout(showToast, 8000);
  5392.  setTimeout(showToast, 15000);
  5393.  setTimeout(showToast, 23000);
  5394.  setTimeout(showToast, 32000);
  5395. })();
  5396. </script>
  5397. <script>if(window.location.pathname.includes('/collections/')){var _vl=[];try{_vl=JSON.parse(localStorage.getItem('melol_visited')||'[]');}catch(e){}if(_vl.length){function _injectMyShirts(){var g=document.querySelector('.product-grid');if(!g)return;if(document.getElementById('melolMyShirts'))return;var s=document.createElement('div');s.id='melolMyShirts';s.style.cssText='padding:20px 0 10px;';s.innerHTML='<h2 style="font-size:18px;font-weight:700;margin-bottom:14px;padding:0 20px;">👕 Your Shirts<\/h2><div id="melolShirtCards" style="display:flex;flex-wrap:wrap;gap:12px;padding:0 20px 20px;"><\/div>';g.parentElement.insertBefore(s,g);var c=document.getElementById('melolShirtCards');_vl.forEach(function(d){var ld=d.lastIndexOf('.');var w=ld>=0?d.substring(0,ld).toUpperCase():d.toUpperCase();var t=ld>=0?d.substring(ld).toUpperCase():'';var fs=Math.min(18,Math.max(8,Math.round(90*0.20/(w.length*0.6))));var a=document.createElement('a');a.href='/products/put-it-on-a-free-shirt?domain='+d;a.style.cssText='display:flex;flex-direction:column;align-items:center;background:#111;border-radius:8px;padding:10px;text-decoration:none;color:#fff;width:120px;flex-shrink:0;border:1px solid #333;';a.innerHTML='<div style="position:relative;width:90px;height:90px;"><img src="https://cdn.shopify.com/s/files/1/0714/1697/1451/files/FinalFlatShirt.png" style="width:100%;height:100%;object-fit:contain;"><div style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;line-height:1.1;"><span style="font-family:Arial Black,sans-serif;font-weight:900;font-size:'+fs+'px;color:#fff;display:block;">'+w+'<\/span><span style="font-family:Arial Black,sans-serif;font-weight:900;font-size:10px;color:rgba(255,255,255,0.7);">'+t+'<\/span><\/div><\/div><span style="font-size:10px;margin-top:6px;opacity:0.6;text-align:center;">'+d+'<\/span>';c.appendChild(a);});}new MutationObserver(function(){if(!document.getElementById('melolMyShirts')&&document.querySelector('.product-grid'))_injectMyShirts();}).observe(document.body,{childList:true,subtree:true});var _t=setInterval(function(){if(document.querySelector('.product-grid')){clearInterval(_t);_injectMyShirts();}},100);setTimeout(function(){clearInterval(_t);},5000);}}</script>
  5398. <script>
  5399. if(window.location.pathname.includes('/products/')){
  5400.  function _fixBtn(){
  5401.    var btn=document.querySelector('button[name="add"],.product-form__submit');
  5402.    if(btn&&btn.textContent.trim()!=='Yes, I Want This On My Chest'){btn.textContent='Yes, I Want This On My Chest';}
  5403.  }
  5404.  _fixBtn();
  5405.  if(window.location.pathname.includes('/products/')) new MutationObserver(_fixBtn).observe(document.body,{childList:true,subtree:true,characterData:true});
  5406. }
  5407. if(window.location.pathname.includes('/collections/')){
  5408.  var _h1Int=setInterval(function(){
  5409.    var h=document.querySelector('h1');
  5410.    if(h&&h.textContent.trim()==='Products'){h.textContent='Shirts Your Brain Made';clearInterval(_h1Int);}
  5411.  },100);
  5412.  setTimeout(function(){clearInterval(_h1Int);},5000);
  5413. }
  5414. </script>
  5415.  
  5416. <script>
  5417. (function(){
  5418.  if(!window.location.pathname.includes('/products/')) return;
  5419.  var params = new URLSearchParams(window.location.search);
  5420.  var d = params.get('domain') || sessionStorage.getItem('melol_domain') || 'me.lol';
  5421.  var lastDot = d.lastIndexOf('.');
  5422.  var w = lastDot>=0 ? d.substring(0,lastDot).toUpperCase() : d.toUpperCase();
  5423.  var t = lastDot>=0 ? d.substring(lastDot).toUpperCase() : '';
  5424.  var SHIRT_URL = 'https://cdn.shopify.com/s/files/1/0714/1697/1451/files/FinalFlatShirt.png';
  5425.  var _rendered = null;
  5426.  
  5427.  function renderShirt(callback) {
  5428.    if(_rendered){ callback(_rendered); return; }
  5429.    var size = 1200;
  5430.    var nc = document.createElement('canvas');
  5431.    nc.width = size; nc.height = size;
  5432.    var ctx = nc.getContext('2d');
  5433.    var img = new Image();
  5434.    img.crossOrigin = 'anonymous';
  5435.    img.onload = function(){
  5436.      ctx.drawImage(img, 0, 0, size, size);
  5437.      var wordFS = Math.min(160, Math.max(40, Math.round(size * 0.13 / Math.max(w.length * 0.6, 1))));
  5438.      ctx.font = '900 ' + wordFS + 'px Arial Black, Arial';
  5439.      ctx.fillStyle = '#ffffff';
  5440.      ctx.textAlign = 'center';
  5441.      ctx.shadowColor = 'rgba(0,0,0,0.6)';
  5442.      ctx.shadowBlur = 6;
  5443.      ctx.fillText(w, size/2, 0.29 * size + wordFS);
  5444.      var tldFS = Math.round(wordFS * 0.55);
  5445.      ctx.font = '900 ' + tldFS + 'px Arial Black, Arial';
  5446.      ctx.fillStyle = 'rgba(255,255,255,0.75)';
  5447.      ctx.fillText(t, size/2, 0.29 * size + wordFS + tldFS + 4);
  5448.      ctx.shadowBlur = 0;
  5449.      _rendered = nc.toDataURL('image/png');
  5450.      callback(_rendered);
  5451.    };
  5452.    img.onerror = function(){ callback(null); };
  5453.    img.src = SHIRT_URL;
  5454.  }
  5455.  
  5456.  function applyToAllShirtImgs(dataUrl) {
  5457.    if(!dataUrl) return;
  5458.    document.querySelectorAll('img').forEach(function(img){
  5459.      if(img.src && img.src.includes('FinalFlatShirt') && img.src !== dataUrl){
  5460.        img.src = dataUrl;
  5461.      }
  5462.    });
  5463.  }
  5464.  
  5465.  function run() {
  5466.    renderShirt(function(dataUrl){
  5467.      applyToAllShirtImgs(dataUrl);
  5468.      // Re-apply whenever zoom dialog opens (new img tags added)
  5469.      new MutationObserver(function(){
  5470.        applyToAllShirtImgs(dataUrl);
  5471.      }).observe(document.body, {childList:true, subtree:true});
  5472.    });
  5473.  }
  5474.  
  5475.  if(document.readyState === 'loading'){
  5476.    document.addEventListener('DOMContentLoaded', run);
  5477.  } else {
  5478.    setTimeout(run, 500);
  5479.  }
  5480. })();
  5481. </script>
  5482. <script>
  5483. if(window.location.pathname.includes('/products/')){
  5484.  var _d = new URLSearchParams(window.location.search).get('domain') || sessionStorage.getItem('melol_domain') || 'me.lol';
  5485.  
  5486.  // Auto-fill domain field on load and after Shopify re-renders
  5487.  function _fillDomain(){
  5488.    var byName = document.querySelector('input[name="properties[Domain name on shirt]"]');
  5489.    var byForm = document.querySelector('form[action="/cart/add"] input[type="text"][required]');
  5490.    if(byName && !byName.value) byName.value = _d;
  5491.    if(byForm && !byForm.value) byForm.value = _d;
  5492.  }
  5493.  _fillDomain();
  5494.  setTimeout(_fillDomain, 300);
  5495.  setTimeout(_fillDomain, 800);
  5496.  setTimeout(_fillDomain, 1500);
  5497.  
  5498.  // Intercept add to cart — clear cart first then add new item
  5499.  document.addEventListener('click', function(e){
  5500.    var btn = e.target.closest('button[name="add"],.product-form__submit');
  5501.    if(!btn) return;
  5502.    e.preventDefault();
  5503.    e.stopImmediatePropagation();
  5504.    fetch('/cart.js').then(function(r){ return r.json(); }).then(function(cart){
  5505.      if(cart.item_count === 0){
  5506.        var form = btn.closest('form');
  5507.        if(form) form.submit();
  5508.      } else {
  5509.        btn.textContent = 'Updating your shirt...';
  5510.        fetch('/cart/clear.js', {method:'POST'}).then(function(){
  5511.          var form = btn.closest('form');
  5512.          if(form) form.submit();
  5513.        });
  5514.      }
  5515.    }).catch(function(){
  5516.      var form = btn.closest('form');
  5517.      if(form) form.submit();
  5518.    });
  5519.  }, true);
  5520. }
  5521.  
  5522. // Catalog — add ?domain=me.lol to product links that have no domain param
  5523. if(window.location.pathname.includes('/collections/')){
  5524.  setTimeout(function(){
  5525.    document.querySelectorAll('a[href*="/products/"]').forEach(function(a){
  5526.      if(!a.href.includes('?domain=') && !a.href.includes('domain=')){
  5527.        a.href = a.href + '?domain=me.lol';
  5528.      }
  5529.    });
  5530.  }, 800);
  5531. }
  5532. </script>
  5533. <script>
  5534.  (function(){
  5535.    if(typeof clarity === 'undefined') return;
  5536.    
  5537.    var _d = new URLSearchParams(window.location.search).get('domain');
  5538.    if(_d) clarity("set", "shirt_domain", _d);
  5539.  })();
  5540. </script>
  5541. <script>
  5542. (function(){
  5543.  if(!window.location.pathname.includes('/products/')) return;
  5544.  function killZoomBtn(){
  5545.    // Target by class name — works on all screen sizes
  5546.    document.querySelectorAll('.product-media-container__zoom-button, [aria-label*="Zoom"], [aria-label*="zoom"]').forEach(function(btn){
  5547.      btn.style.pointerEvents = 'none';
  5548.      btn.style.display = 'none';
  5549.    });
  5550.    // Also catch by size on desktop
  5551.    document.querySelectorAll('button').forEach(function(btn){
  5552.      var r = btn.getBoundingClientRect();
  5553.      if(r.width > 400 && r.height > 400){
  5554.        btn.style.pointerEvents = 'none';
  5555.        btn.style.display = 'none';
  5556.      }
  5557.    });
  5558.  }
  5559.  killZoomBtn();
  5560.  setTimeout(killZoomBtn, 300);
  5561.  setTimeout(killZoomBtn, 800);
  5562.  setTimeout(killZoomBtn, 1500);
  5563.  new MutationObserver(killZoomBtn).observe(document.body,{childList:true,subtree:true});
  5564. })();
  5565. </script>
  5566. <script>
  5567. window.addEventListener('load', function(){
  5568.  document.querySelectorAll('[aria-label*="Zoom"]').forEach(function(b){
  5569.    b.style.pointerEvents='none';
  5570.    b.style.display='none';
  5571.  });
  5572. });
  5573. </script>
  5574. <script>
  5575. (function(){
  5576.  if(!window.location.pathname.includes('/products/')) return;
  5577.  var ss = document.querySelector('slideshow-component, slideshow-container');
  5578.  if(!ss) return;
  5579.  ss.addEventListener('touchstart', function(e){
  5580.    e.stopImmediatePropagation();
  5581.  }, {capture: true, passive: true});
  5582.  ss.addEventListener('touchmove', function(e){
  5583.    e.stopImmediatePropagation();
  5584.  }, {capture: true, passive: true});
  5585.  ss.addEventListener('touchend', function(e){
  5586.    e.stopImmediatePropagation();
  5587.  }, {capture: true, passive: true});
  5588. })();
  5589. </script>
  5590. <script>
  5591. (function(){
  5592.  var bar = document.querySelector('.announcement-bar');
  5593.  if(!bar) return;
  5594.  var textEl = bar.querySelector('div') || bar;
  5595.  var ORIG = textEl.textContent.trim();
  5596.  var ORIG_BG = bar.style.backgroundColor || '';
  5597.  var ORIG_COLOR = bar.style.color || '';
  5598.  
  5599.  var WELCOME=[
  5600.    "Oh hey. You're back. We kept the lights on.",
  5601.    "You again. Good.",
  5602.    "Welcome back. Your shirt is still free.",
  5603.    "You came back. The algorithm did something right for once.",
  5604.    "Oh look who it is.",
  5605.    "Back so soon? Bold. We respect it.",
  5606.    "We saw you coming. We have good cameras.",
  5607.    "You left. We stayed. We're not mad.",
  5608.    "Did you miss us? We missed you. Don't make it weird.",
  5609.    "Still typing the same thing, huh? Same. Get a shirt.",
  5610.    "Your brain has a favorite word. We noticed.",
  5611.    "A wizard told us you'd be back. The wizard was localStorage.",
  5612.    "We kept your spot. It's the whole internet. Still yours.",
  5613.    "You're basically family now. Weird, but fine.",
  5614.    "Return visitor. Very fancy.",
  5615.    "We added you to the VIP list. It's just this bar.",
  5616.    "Your fingers know what they want. So does your chest.",
  5617.    "Still here. Still free. Still a shirt.",
  5618.    "The shirt waited for you. It's very patient.",
  5619.    "Our sensors detected you. The sensors are right today.",
  5620.    "Second time's the charm. Third time's a pattern.",
  5621.    "You're a regular now. Regulars get free shirts.",
  5622.    "Keep coming back. We'll keep being weird about it.",
  5623.    "We remember you. Specifically your domain choices.",
  5624.    "Have you had water today? Doesn't matter. Free shirt.",
  5625.    "Snacks first, shirt second. That's our policy.",
  5626.    "Oh, it's you.",
  5627.    "Welcome back, weirdo.",
  5628.    "Again? Good.",
  5629.    "We kept the lights on. It was expensive. Get a shirt.",
  5630.    "The algorithm brought you back. The algorithm has taste.",
  5631.    "Your shirt is still here. It's been waiting. Patiently.",
  5632.    "You came back. We're not going to pretend that's not exciting.",
  5633.    "Back again. We respect the commitment.",
  5634.    "We thought about you. We're not going to elaborate.",
  5635.    "You're the kind of person who comes back. We like that kind.",
  5636.    "Hello again. Still free. Still weird. Still a shirt.",
  5637.    "You returned. The shirt remained. Poetry.",
  5638.    "Honestly? We missed you a little. Don't tell anyone.",
  5639.    "Your domain is still here waiting on a shirt.",
  5640.    "We saved your place in line. There's no line. Still saved it.",
  5641.    "Back for more. Respectable.",
  5642.    "You clearly have good taste. You're here, aren't you?",
  5643.    "The free shirt is still free. Nothing has changed. Everything is fine.",
  5644.    "We were just talking about you. That's not weird.",
  5645.    "Welcome back to the only shirt store that knows too much about you.",
  5646.    "You left and came back. That's literally a loyalty program.",
  5647.    "We didn't charge you to come back. You're welcome.",
  5648.    "Still accepting free shirts? Good. Us too.",
  5649.    "Another day, another chance to put a domain on a shirt.",
  5650.    "We're glad it's you. It's always you.",
  5651.    "Your brain typed it. Your heart brought you back. Get the shirt.",
  5652.    "The internet is big. You came here. We're honored.",
  5653.    "You could've gone anywhere. You came here. Smart.",
  5654.    "Still free. Still pointing at people. Still great.",
  5655.    "We've been expecting you. We say that to everyone. It's still true.",
  5656.    "Hi. You. Again. Perfect.",
  5657.    "Welcome back to the store that exists because your phone autocorrects weird.",
  5658.    "Your typo. Our store. Your shirt. The circle of life.",
  5659.    "You're back and we are extremely normal about it.",
  5660.    "The last person who came back got a shirt. Coincidence?",
  5661.    "Returning visitor energy. We see it. We love it.",
  5662.    "You came back which means the shirt is basically already yours.",
  5663.    "We lit a candle for your return. It's a very small candle.",
  5664.    "The shirt got nervous when you left. It's relieved now.",
  5665.    "Back again. Bold. Iconic. Correct.",
  5666.    "This is your sign. The sign is a free shirt.",
  5667.    "We're not saying we refreshed waiting for you. We're not NOT saying it.",
  5668.    "You have excellent judgment. Coming back proves it.",
  5669.    "It's giving 'I know what I want'. The shirt agrees.",
  5670.    "Your return has been noted. In a good way.",
  5671.    "We didn't forget about you. The cookies helped.",
  5672.    "Welcome back to your shirt headquarters.",
  5673.    "Still here. Still free. Still vaguely chaotic.",
  5674.    "The free shirt economy is booming. Mostly because of you.",
  5675.    "You're the reason we keep the site up. Genuinely.",
  5676.    "Back and better than ever. That's you. Not us. We're the same.",
  5677.    "This is what returning customers look like. Exactly like this.",
  5678.    "We're pretty sure you're our favorite. We say that a lot. It's always true.",
  5679.    "You came back. The shirt did a little dance. We didn't see it but we know.",
  5680.    "Hello, you. The shirt is ready when you are.",
  5681.    "Every great shirt story starts with a return visit.",
  5682.    "We saved this message just for you. And 99 other people.",
  5683.    "You're back. The pointing finger is ready. Just saying.",
  5684.    "The domain doesn't type itself. Good thing you came back.",
  5685.    "We thought you'd be back. We're smart like that.",
  5686.    "Welcome back to the best worst decision you'll make today.",
  5687.    "Back again. The shirt remains unclaimed. Suspicious.",
  5688.    "We've been open this whole time. For you. Mostly for you.",
  5689.    "This is your shirt calling. It's on the screen. Answer it.",
  5690.    "You. Again. Shirt. Still free. Math checks out.",
  5691.    "We upgraded your experience. The upgrade is this message.",
  5692.    "It's a sign when you keep coming back. The sign says free shirt.",
  5693.    "Welcome back. We'd offer you coffee but we're a shirt store.",
  5694.    "You came back which statistically means you're getting a shirt.",
  5695.    "Hi again. The shirt is fine. You're fine. Everything's fine.",
  5696.    "Return visit confirmed. Coolness level: elevated.",
  5697.    "We were worried you forgot about us. You didn't. We're relieved.",
  5698.    "You came back. We won't make a big deal of it. THIS IS A BIG DEAL."
  5699.  ];
  5700.  
  5701.  var REFRESH=[
  5702.    "Again? Already? The shirt didn't change. Still free though.",
  5703.    "Refreshed the page. Bold strategy. The shirt appreciates it.",
  5704.    "You refreshed. We noticed. The shirt noticed. Everyone noticed.",
  5705.    "Still here. The page refreshed. The shirt did not move.",
  5706.    "A refresh. Classic. The shirt is unmoved. You should be.",
  5707.    "Refreshed. The free shirt remains free. Math is consistent.",
  5708.    "You hit refresh. We respect the chaos energy.",
  5709.    "The page is fresh. The shirt is fresh. Get it.",
  5710.    "You refreshed as if something changed. Nothing changed. Still free.",
  5711.    "Refresh noted. Shirt status: still here. Still free. Still waiting.",
  5712.    "You refreshed. The shirt didn't go anywhere. It's loyal like that.",
  5713.    "Another refresh. The shirt is starting to wonder what you're looking for.",
  5714.    "Refreshed again. We're not judging. We're just... noticing.",
  5715.    "The page is new. The offer is not. Free shirt. Always was.",
  5716.    "You keep refreshing. We keep being here. It's a whole thing.",
  5717.    "Refresh! Exciting. Nothing happened. Free shirt though.",
  5718.    "You refreshed like something was going to change. We love the optimism.",
  5719.    "Still free. Still a shirt. Still here. What else do you need?",
  5720.    "Refresh. Refresh. Refresh. The shirt: 🙂",
  5721.    "We see you refreshing. We're not mad. The shirt isn't either.",
  5722.    "You refreshed the page. We refreshed our commitment to free shirts.",
  5723.    "Another reload. Another opportunity. Same shirt. Same deal.",
  5724.    "Refreshed. Like a palate cleanser. Except it's a shirt store.",
  5725.    "You hit refresh. We hit 'still here'. We win.",
  5726.    "Page fresh. Offer fresher. Shirt: freshest.",
  5727.    "Refresh game strong. Free shirt game stronger.",
  5728.    "You keep coming back to this page specifically. We see you.",
  5729.    "Refreshed. The shirt didn't change. Your destiny didn't either.",
  5730.    "Every refresh brings you closer to just getting the shirt.",
  5731.    "You refreshed. Something brought you back. That something is a free shirt.",
  5732.    "Ctrl+R or pull to refresh — either way, hi again.",
  5733.    "The page loaded fresh. The shirt loaded the same. Both are good.",
  5734.    "Refresh! Great. Now get the shirt.",
  5735.    "You refreshed. We'll take it. The shirt will take it.",
  5736.    "Another reload. The free shirt remains defiantly, stubbornly free.",
  5737.    "You refreshed this page. Of all the pages. This one. We're touched.",
  5738.    "Refresh accepted. Shirt status: unchanged. Free. Waiting. Patient.",
  5739.    "You refreshed like you're expecting news. The news: free shirt.",
  5740.    "Refresh. Return. Repeat. That's basically a lifestyle. Get the shirt.",
  5741.    "You refreshed. We're still here. The shirt is still here. It's almost romantic."
  5742.  ];
  5743.  
  5744.  var TAP=[
  5745.    "Yeah that doesn't do anything. Bold move though.",
  5746.    "Still doesn't do anything. We checked.",
  5747.    "Clicking it again won't help. We triple checked.",
  5748.    "It's decorative. Like a throw pillow.",
  5749.    "Nope. But there's a free shirt below.",
  5750.    "That's just a bar. The shirt is the thing.",
  5751.    "You found the least interactive part of the site.",
  5752.    "We admire the curiosity. Truly.",
  5753.    "It's not a button. It just looks like one.",
  5754.    "Nothing. Absolutely nothing. Free shirt though.",
  5755.    "We see you on Clarity. Hi. Get the shirt.",
  5756.    "The bar does not click back.",
  5757.    "Fourth time's the charm? It's not.",
  5758.    "We're starting to worry about you. Free shirt?",
  5759.    "The bar has given up. Have you considered the shirt?",
  5760.    "Okay at this point you deserve a free shirt. Oh wait.",
  5761.  ];
  5762.  
  5763.  function rnd(arr){ return arr[Math.floor(Math.random()*arr.length)]; }
  5764.  
  5765.  function flash(msg, bgColor, textColor, duration) {
  5766.    textEl.textContent = msg;
  5767.    bar.style.transition = 'background-color 0.3s, color 0.3s';
  5768.    bar.style.backgroundColor = bgColor || '#111';
  5769.    bar.style.color = textColor || '#fff';
  5770.    bar.style.fontWeight = '700';
  5771.    bar.style.cursor = 'pointer';
  5772.    clearTimeout(bar._restoreTimer);
  5773.    bar._restoreTimer = setTimeout(function(){
  5774.      bar.style.transition = 'background-color 0.5s, color 0.5s';
  5775.      textEl.textContent = ORIG;
  5776.      bar.style.backgroundColor = ORIG_BG;
  5777.      bar.style.color = ORIG_COLOR;
  5778.      bar.style.fontWeight = '';
  5779.    }, duration || 6000);
  5780.  }
  5781.  
  5782.  // — Welcome / Refresh logic —
  5783.  var _vl=[]; try{_vl=JSON.parse(localStorage.getItem('melol_visited')||'[]');}catch(e){}
  5784.  if(_vl.length){
  5785.    var _welcomed=false; try{_welcomed=!!sessionStorage.getItem('melol_welcomed');}catch(e){}
  5786.    var _refreshed=false; try{_refreshed=!!sessionStorage.getItem('melol_seen_once');}catch(e){}
  5787.    var _currentPage=window.location.pathname;
  5788.    var _lastPage=''; try{_lastPage=sessionStorage.getItem('melol_last_page')||'';}catch(e){}
  5789.    var _isRefresh=_refreshed&&(_lastPage===_currentPage);
  5790.  
  5791.    if(!_welcomed){
  5792.      setTimeout(function(){
  5793.        flash(rnd(WELCOME), '#1a1a2e', '#fff', 7000);
  5794.        try{
  5795.          sessionStorage.setItem('melol_welcomed','1');
  5796.          sessionStorage.setItem('melol_seen_once','1');
  5797.          sessionStorage.setItem('melol_last_page',_currentPage);
  5798.        }catch(e){}
  5799.      }, 1200);
  5800.    } else if(_isRefresh){
  5801.      setTimeout(function(){
  5802.        flash(rnd(REFRESH), '#1a1a1a', '#fff', 5000);
  5803.      }, 800);
  5804.    }
  5805.    try{sessionStorage.setItem('melol_seen_once','1'); sessionStorage.setItem('melol_last_page',_currentPage);}catch(e){}
  5806.  }
  5807.  
  5808.  // — Tap easter egg —
  5809.  var _tapIdx=0;
  5810.  var _tapBusy=false;
  5811.  var _tapTimer=null;
  5812.  bar.style.cursor='pointer';
  5813.  bar.addEventListener('click',function(){
  5814.    if(_tapBusy) return;
  5815.    _tapBusy=true;
  5816.    if(_tapTimer) clearTimeout(_tapTimer);
  5817.    bar.style.cursor='wait';
  5818.    textEl.textContent='';
  5819.    bar.style.backgroundColor='#222';
  5820.    setTimeout(function(){
  5821.      bar.style.cursor='pointer';
  5822.      flash(TAP[_tapIdx%TAP.length], '#e63946', '#fff', 4000);
  5823.      _tapIdx++;
  5824.      _tapBusy=false;
  5825.      _tapTimer=setTimeout(function(){
  5826.        textEl.textContent=ORIG;
  5827.        bar.style.backgroundColor=ORIG_BG;
  5828.        bar.style.color=ORIG_COLOR;
  5829.        bar.style.fontWeight='';
  5830.      }, 4000);
  5831.    }, 700);
  5832.  });
  5833. })();
  5834. </script>
  5835. <script>
  5836. (function(){
  5837.  if(!window.location.pathname.includes('/collections/')) return;
  5838.  
  5839.  var TXT_URL = 'https://cdn.shopify.com/s/files/1/0714/1697/1451/files/featured-domains.txt?v=1779814280';
  5840.  var SHIRT_IMG = 'https://cdn.shopify.com/s/files/1/0714/1697/1451/files/FinalFlatShirt.png';
  5841.  
  5842.  function parseTxt(txt) {
  5843.    var catalog = [], drops = [];
  5844.    var section = null;
  5845.    txt.split('\n').forEach(function(line) {
  5846.      line = line.trim();
  5847.      if(!line) return;
  5848.      if(line === '-CATALOG-') { section = 'catalog'; return; }
  5849.      if(line === '-DROPS-') { section = 'drops'; return; }
  5850.      if(section === 'catalog') catalog.push(line);
  5851.      if(section === 'drops') {
  5852.        var parts = line.split('|');
  5853.        if(parts.length === 2) drops.push({ domain: parts[0].trim(), date: parts[1].trim() });
  5854.      }
  5855.    });
  5856.    return { catalog: catalog, drops: drops };
  5857.  }
  5858.  
  5859.  function makeShirtCard(domain, href, badge, badgeColor) {
  5860.    var ld = domain.lastIndexOf('.');
  5861.    var w = ld >= 0 ? domain.substring(0, ld).toUpperCase() : domain.toUpperCase();
  5862.    var t = ld >= 0 ? domain.substring(ld).toUpperCase() : '';
  5863.    var fs = Math.min(18, Math.max(8, Math.round(90 * 0.20 / Math.max(w.length * 0.6, 1))));
  5864.    var a = document.createElement('a');
  5865.    a.href = href;
  5866.    a.style.cssText = 'display:flex;flex-direction:column;align-items:center;background:#111;border-radius:8px;padding:10px;text-decoration:none;color:#fff;width:120px;flex-shrink:0;border:1px solid #333;position:relative;';
  5867.    var badgeHtml = badge ? '<div style="position:absolute;top:-8px;right:-8px;background:' + badgeColor + ';color:#fff;font-size:9px;font-weight:700;padding:3px 6px;border-radius:10px;white-space:nowrap;font-family:Arial,sans-serif;">' + badge + '</div>' : '';
  5868.    a.innerHTML = badgeHtml +
  5869.      '<div style="position:relative;width:90px;height:90px;">' +
  5870.        '<img src="' + SHIRT_IMG + '" style="width:100%;height:100%;object-fit:contain;">' +
  5871.        '<div style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;line-height:1.1;">' +
  5872.          '<span style="font-family:Arial Black,sans-serif;font-weight:900;font-size:' + fs + 'px;color:#fff;display:block;">' + w + '</span>' +
  5873.          '<span style="font-family:Arial Black,sans-serif;font-weight:900;font-size:10px;color:rgba(255,255,255,0.7);">' + t + '</span>' +
  5874.        '</div>' +
  5875.      '</div>' +
  5876.      '<span style="font-size:10px;margin-top:6px;opacity:0.6;text-align:center;">' + domain + '</span>';
  5877.    return a;
  5878.  }
  5879.  
  5880.  function scrollToEmail(e) {
  5881.    e.preventDefault();
  5882.    var el = document.querySelector('input[name="contact[email]"]');
  5883.    if(el){ el.scrollIntoView({behavior:'smooth', block:'center'}); el.focus(); }
  5884.  }
  5885.  
  5886.  function injectSections(data) {
  5887.    var grid = document.querySelector('.product-grid');
  5888.    if(!grid) return;
  5889.  
  5890.    ['melolMyShirts','melolFeatured','melolDrops'].forEach(function(id) {
  5891.      var el = document.getElementById(id);
  5892.      if(el) el.remove();
  5893.    });
  5894.  
  5895.    var container = grid.parentElement;
  5896.  
  5897.    // — DROPS —
  5898.    if(data.drops.length) {
  5899.      var dropSec = document.createElement('div');
  5900.      dropSec.id = 'melolDrops';
  5901.      dropSec.style.cssText = 'padding:20px 0 10px;';
  5902.      dropSec.innerHTML = '<h2 style="font-size:18px;font-weight:700;margin-bottom:4px;padding:0 20px;">🔥 Upcoming Drops</h2>' +
  5903.        '<p style="font-size:12px;color:#888;margin:0 0 14px;padding:0 20px;">Limited time. Gone when they\'re gone.</p>' +
  5904.        '<div id="melolDropCards" style="display:flex;flex-wrap:wrap;gap:12px;padding:0 20px 20px;"></div>';
  5905.      container.insertBefore(dropSec, grid);
  5906.      var dropCards = document.getElementById('melolDropCards');
  5907.      data.drops.forEach(function(drop) {
  5908.        var card = makeShirtCard(drop.domain, '#', drop.date, '#e63946');
  5909.        card.addEventListener('click', scrollToEmail);
  5910.        var btn = document.createElement('div');
  5911.        btn.style.cssText = 'margin-top:6px;background:#e63946;color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:4px;text-align:center;width:100%;box-sizing:border-box;cursor:pointer;';
  5912.        btn.textContent = '🔔 Notify Me';
  5913.        card.appendChild(btn);
  5914.        dropCards.appendChild(card);
  5915.      });
  5916.    }
  5917.  
  5918.    // — FEATURED —
  5919.    if(data.catalog.length) {
  5920.      var featSec = document.createElement('div');
  5921.      featSec.id = 'melolFeatured';
  5922.      featSec.style.cssText = 'padding:20px 0 10px;';
  5923.      featSec.innerHTML = '<h2 style="font-size:18px;font-weight:700;margin-bottom:14px;padding:0 20px;">✨ Featured Shirts</h2>' +
  5924.        '<div id="melolFeaturedCards" style="display:flex;flex-wrap:wrap;gap:12px;padding:0 20px 20px;"></div>';
  5925.      container.insertBefore(featSec, grid);
  5926.      var featCards = document.getElementById('melolFeaturedCards');
  5927.      data.catalog.forEach(function(domain) {
  5928.        var card = makeShirtCard(domain, '/products/put-it-on-a-free-shirt?domain=' + domain, null, null);
  5929.        featCards.appendChild(card);
  5930.      });
  5931.    }
  5932.  
  5933.    // — YOUR SHIRTS —
  5934.    var _vl = []; try { _vl = JSON.parse(localStorage.getItem('melol_visited') || '[]'); } catch(e) {}
  5935.    if(_vl.length) {
  5936.      var yourSec = document.createElement('div');
  5937.      yourSec.id = 'melolMyShirts';
  5938.      yourSec.style.cssText = 'padding:20px 0 10px;';
  5939.      yourSec.innerHTML = '<h2 style="font-size:18px;font-weight:700;margin-bottom:14px;padding:0 20px;">👕 Your Shirts</h2>' +
  5940.        '<div id="melolMyShirtCards" style="display:flex;flex-wrap:wrap;gap:12px;padding:0 20px 20px;"></div>';
  5941.      container.insertBefore(yourSec, grid);
  5942.      var myCards = document.getElementById('melolMyShirtCards');
  5943.      _vl.forEach(function(domain) {
  5944.        var card = makeShirtCard(domain, '/products/put-it-on-a-free-shirt?domain=' + domain, null, null);
  5945.        myCards.appendChild(card);
  5946.      });
  5947.    }
  5948.  }
  5949.  
  5950.  function run() {
  5951.    fetch(TXT_URL)
  5952.      .then(function(r) { return r.text(); })
  5953.      .then(function(txt) {
  5954.        var data = parseTxt(txt);
  5955.        var grid = document.querySelector('.product-grid');
  5956.        if(grid) {
  5957.          injectSections(data);
  5958.        } else {
  5959.          var t = setInterval(function() {
  5960.            if(document.querySelector('.product-grid')) {
  5961.              clearInterval(t);
  5962.              injectSections(data);
  5963.            }
  5964.          }, 100);
  5965.          setTimeout(function() { clearInterval(t); }, 5000);
  5966.        }
  5967.        // Re-inject on filter/sort — childList only, no attributes
  5968.        new MutationObserver(function() {
  5969.          if(!document.getElementById('melolFeatured') && document.querySelector('.product-grid')) {
  5970.            injectSections(data);
  5971.          }
  5972.        }).observe(document.body, { childList: true, subtree: true });
  5973.      })
  5974.      .catch(function(e) { console.log('Me.LOL catalog fetch error:', e); });
  5975.  }
  5976.  
  5977.  if(document.readyState === 'loading') {
  5978.    document.addEventListener('DOMContentLoaded', run);
  5979.  } else {
  5980.    setTimeout(run, 500);
  5981.  }
  5982. })();
  5983. </script>
  5984. <script>
  5985. (function(){
  5986.  if(!window.location.pathname.includes('/products/')) return;
  5987.  var MSGS = [
  5988.    "It's a shirt. Not a button. But we respect the tap.",
  5989.    "Zooming won't make it more free. Still free though.",
  5990.    "You tapped the shirt. The shirt felt nothing.",
  5991.    "Bold move. Nothing happened. Free shirt still available.",
  5992.    "That's just a photo. The real one ships to your house.",
  5993.    "Tapping it harder won't help. We checked.",
  5994.    "The shirt is flattered. Also still free.",
  5995.    "You're the third person to tap that today. Hi.",
  5996.    "It doesn't do anything. Neither does staring. Get it anyway.",
  5997.    "Tap tap tap. The shirt: 🙂",
  5998.    "What were you hoping would happen? Genuinely curious.",
  5999.    "Nothing. But points for enthusiasm.",
  6000.    "You tapped a shirt on the internet. Life is wild.",
  6001.    "The shirt is not a touchscreen. Yet.",
  6002.    "We see you on Clarity. Hi. Get the shirt.",
  6003.    "Still tapping? Same shirt. Still free. Still yours.",
  6004.    "Your finger found the one thing on this page that does nothing.",
  6005.    "That's the shirt. It goes on your chest. Not your screen.",
  6006.    "Tap detected. Shirt unchanged. Offer unchanged. Free.",
  6007.    "We disabled zoom. You found that out just now.",
  6008.  ];
  6009.  var _idx = 0;
  6010.  var _timer = null;
  6011.  
  6012.  function showMsg(wrap){
  6013.    if(_timer) clearTimeout(_timer);
  6014.    var msg = document.getElementById('melolShirtTapMsg');
  6015.    if(!msg){
  6016.      msg = document.createElement('div');
  6017.      msg.id = 'melolShirtTapMsg';
  6018.      msg.style.cssText = 'position:absolute;bottom:10%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.82);color:#fff;padding:10px 18px;border-radius:8px;font-family:Arial,sans-serif;font-size:13px;text-align:center;pointer-events:none;z-index:20;white-space:normal;max-width:80%;opacity:0;transition:opacity 0.25s ease;';
  6019.      wrap.appendChild(msg);
  6020.    }
  6021.    wrap.style.cursor = 'pointer';
  6022.    msg.textContent = MSGS[_idx % MSGS.length];
  6023.    _idx++;
  6024.    setTimeout(function(){ msg.style.opacity = '1'; }, 50);
  6025.    _timer = setTimeout(function(){ msg.style.opacity = '0'; }, 4000);
  6026.  }
  6027.  
  6028.  function attachListener(){
  6029.    document.querySelectorAll('.product-media').forEach(function(wrap){
  6030.      if(wrap.dataset.tapBound) return;
  6031.      wrap.dataset.tapBound = '1';
  6032.      wrap.style.position = 'relative';
  6033.      wrap.style.cursor = 'pointer';
  6034.      wrap.addEventListener('click', function(e){
  6035.        showMsg(wrap);
  6036.      });
  6037.    });
  6038.  }
  6039.  
  6040.  setTimeout(attachListener, 800);
  6041.  new MutationObserver(attachListener).observe(document.body, {childList:true, subtree:true});
  6042. })();
  6043. </script>
  6044. <script>
  6045. /* Me.LOL — cart: design-preview image swap + image/title links + empty-cart Continue Shopping */
  6046. (function(){
  6047.  if (location.pathname.indexOf('/cart') !== 0) return;
  6048.  var HANDLE = '/products/put-it-on-a-free-shirt';
  6049.  var CONTINUE_URL = '/';
  6050.  var DESIGN_IMG = 'https://cdn.shopify.com/s/files/1/0714/1697/1451/files/Final_Flat_Shirt_Check_out.png?v=1780637611';
  6051.  function domainForRow(r){
  6052.    var m = (r.textContent || '').replace(/\s+/g,' ').match(/Domain name on shirt:\s*([^\s,]+)/i);
  6053.    var d = m ? m[1].toLowerCase() : '';
  6054.    if (!d){ try { d = (sessionStorage.getItem('melol_domain')||'').toLowerCase(); } catch(e){} }
  6055.    return d;
  6056.  }
  6057.  function hrefForRow(r){ var d = domainForRow(r); return HANDLE + (d ? '?domain=' + encodeURIComponent(d) : ''); }
  6058.  function wire(){
  6059.    // 1) swap the blank cart thumbnail for the "click to see your design" image
  6060.    var imgs = document.querySelectorAll('.cart-items__media-image');
  6061.    for (var n=0;n<imgs.length;n++){
  6062.      var img = imgs[n];
  6063.      if ((img.getAttribute('src')||'').indexOf('Final_Flat_Shirt_Check_out') === -1){
  6064.        img.removeAttribute('srcset'); img.removeAttribute('data-srcset');
  6065.        img.setAttribute('src', DESIGN_IMG);
  6066.        var pic = img.closest('picture');
  6067.        if (pic){ var srcs = pic.querySelectorAll('source'); for (var s=0;s<srcs.length;s++){ srcs[s].setAttribute('srcset', DESIGN_IMG); } }
  6068.      }
  6069.    }
  6070.    // 2) point image + title at the product page (with the right domain)
  6071.    var rows = document.querySelectorAll('.cart-items__table-row');
  6072.    for (var i=0;i<rows.length;i++){
  6073.      var r = rows[i];
  6074.      var imgA = r.querySelector('a.cart-items__media-container');
  6075.      var titleA = r.querySelector('a.cart-items__title');
  6076.      if (imgA || titleA){
  6077.        var href = hrefForRow(r);
  6078.        if (imgA && imgA.getAttribute('href') !== href){ imgA.setAttribute('href', href); imgA.style.cursor='pointer'; }
  6079.        if (titleA && titleA.getAttribute('href') !== href){ titleA.setAttribute('href', href); }
  6080.      }
  6081.    }
  6082.    // 3) empty-cart "Continue Shopping" -> real destination
  6083.    var empty = document.querySelectorAll('a.cart-items__empty-button');
  6084.    for (var k=0;k<empty.length;k++){
  6085.      if (empty[k].getAttribute('href') !== CONTINUE_URL) empty[k].setAttribute('href', CONTINUE_URL);
  6086.    }
  6087.  }
  6088.  document.addEventListener('click', function(e){
  6089.    var a = e.target.closest ? e.target.closest('a.cart-items__media-container, a.cart-items__title') : null;
  6090.    if (!a) return;
  6091.    var row = a.closest('.cart-items__table-row');
  6092.    if (!row) return;
  6093.    e.preventDefault(); e.stopPropagation();
  6094.    window.location.href = hrefForRow(row);
  6095.  }, true);
  6096.  wire();
  6097.  setInterval(wire, 400);
  6098.  new MutationObserver(wire).observe(document.body, {childList:true, subtree:true});
  6099. })();
  6100. </script>
  6101. <script>
  6102. /* Me.LOL — FAQ accordion (in theme.liquid so the page editor can't strip it) */
  6103. (function(){
  6104.  function wire(){
  6105.    var qs = document.querySelectorAll('.faq-wrap .faq-q');
  6106.    for (var i=0;i<qs.length;i++){
  6107.      var b = qs[i];
  6108.      if (b.dataset.faqWired) continue;
  6109.      b.dataset.faqWired = '1';
  6110.      b.setAttribute('type','button');
  6111.      b.addEventListener('click', function(){
  6112.        var item = this.closest('.faq-item');
  6113.        if (item) item.classList.toggle('open');
  6114.      });
  6115.    }
  6116.  }
  6117.  wire();
  6118.  new MutationObserver(wire).observe(document.body, {childList:true, subtree:true});
  6119. })();
  6120. </script>
  6121. <script>
  6122. /* Me.LOL — old-browser fallback overlay: if the normal overlay never paints (Horizon JS dead on old browsers),
  6123.   reveal the product image and paint the domain text directly. Dormant on modern browsers. */
  6124. (function(){
  6125.  if (window.location.pathname.indexOf('/products/') === -1) return;
  6126.  function getDomain(){
  6127.    var d='';
  6128.    try { var m=(window.location.search||'').match(/[?&]domain=([^&]+)/); if(m) d=decodeURIComponent(m[1]); } catch(e){}
  6129.    if(!d){ try { d=sessionStorage.getItem('melol_domain')||''; } catch(e){} }
  6130.    if(!d) d='me.lol';
  6131.    return d.toLowerCase();
  6132.  }
  6133.  function visibleMedia(){
  6134.    var els=document.querySelectorAll('.product-media, .product-media-container, .product__media-list, media-gallery');
  6135.    var i,b;
  6136.    for (i=0;i<els.length;i++){ b=els[i].getBoundingClientRect(); if(b.width>0 && b.height>0) return els[i]; }
  6137.    for (i=0;i<els.length;i++){ var el=els[i]; if(el.style){ el.style.display='block'; el.style.visibility='visible'; el.style.opacity='1'; } if(el.removeAttribute) el.removeAttribute('hidden'); }
  6138.    for (i=0;i<els.length;i++){ b=els[i].getBoundingClientRect(); if(b.width>0) return els[i]; }
  6139.    return null;
  6140.  }
  6141.  function paint(){
  6142.    if (document.getElementById('melolOverlay')) return;
  6143.    if (document.getElementById('melolFallbackOverlay')) return;
  6144.    var wrap=visibleMedia();
  6145.    if (!wrap) return;
  6146.    var pos=''; try { pos=window.getComputedStyle(wrap).position; } catch(e){}
  6147.    if (pos!=='relative' && pos!=='absolute') wrap.style.position='relative';
  6148.    var d=getDomain(), dot=d.lastIndexOf('.');
  6149.    var word=(dot>-1?d.substring(0,dot):d).toUpperCase();
  6150.    var tld=(dot>-1?d.substring(dot):'').toUpperCase();
  6151.    var w=wrap.getBoundingClientRect().width||400;
  6152.    var size=Math.min(60, Math.max(16, Math.round((w*0.20)/(word.length*0.6))));
  6153.    var ov=document.createElement('div');
  6154.    ov.id='melolFallbackOverlay';
  6155.    ov.style.cssText='position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;';
  6156.    var we=document.createElement('div');
  6157.    we.style.cssText="position:absolute;left:50%;top:30%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;font-family:'Arial Black',Arial,sans-serif;font-weight:900;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.6);text-align:center;font-size:"+size+"px;";
  6158.    we.textContent=word;
  6159.    var te=document.createElement('div');
  6160.    te.style.cssText="position:absolute;left:50%;top:41%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;font-family:'Arial Black',Arial,sans-serif;font-weight:900;font-size:20px;color:rgba(255,255,255,.72);text-shadow:1px 1px 3px rgba(0,0,0,.5);text-align:center;";
  6161.    te.textContent=(tld==='.WTF'||tld==='.SO')?tld+'?':tld;
  6162.    ov.appendChild(we); ov.appendChild(te);
  6163.    wrap.appendChild(ov);
  6164.  }
  6165.  var tries=0;
  6166.  var iv=setInterval(function(){ tries++; paint(); if (document.getElementById('melolFallbackOverlay') || tries>15) clearInterval(iv); }, 700);
  6167.  setTimeout(paint, 2000);
  6168. })();
  6169. </script>
  6170. <script>
  6171. /* Me.LOL Finger + Prompt Suppression + CTA + Added badge + per-domain memory + special graphics + special addon label, GATED (v211) */
  6172. (function(){
  6173.  if (window.location.pathname.indexOf('/products/') === -1) return;
  6174.  
  6175.  var FINGER_SRC = 'https://cdn.shopify.com/s/files/1/0714/1697/1451/files/Pointing_finger_BGRM.png?v=1779553570';
  6176.  var SPECIAL_GRAPHICS = {
  6177.    'usa.lol': 'https://cdn.shopify.com/s/files/1/0714/1697/1451/files/usa.lol.dumpsterfire.png?v=1780805700'
  6178.  };
  6179.  var SPECIAL_ADDON = {
  6180.    'usa.lol': 'the dumpster fire'   // text shown after "Add"/"Added" on the radio label
  6181.  };
  6182.  
  6183.  function curDomain(){
  6184.    try {
  6185.      var p = new URLSearchParams(window.location.search).get('domain');
  6186.      return (p || sessionStorage.getItem('melol_domain') || 'me.lol').toLowerCase();
  6187.    } catch(e){ return 'me.lol'; }
  6188.  }
  6189.  function specialGraphic(){ return SPECIAL_GRAPHICS[curDomain()] || null; }
  6190.  function specialAddon(){ return SPECIAL_ADDON[curDomain()] || null; }
  6191.  
  6192.  function servedList(){
  6193.    try { var s = JSON.parse(sessionStorage.getItem('melol_fp_served') || '[]'); return Array.isArray(s) ? s : []; }
  6194.    catch(e){ return []; }
  6195.  }
  6196.  function isServed(d){ return servedList().indexOf(d) > -1; }
  6197.  function markServed(d){
  6198.    try { var s = servedList(); if (s.indexOf(d) === -1){ s.push(d); sessionStorage.setItem('melol_fp_served', JSON.stringify(s)); } }
  6199.    catch(e){}
  6200.  }
  6201.  
  6202.  function domMap(){
  6203.    try { var m = JSON.parse(sessionStorage.getItem('melol_finger_dom') || '{}'); return (m && typeof m === 'object') ? m : {}; }
  6204.    catch(e){ return {}; }
  6205.  }
  6206.  function getDomFinger(d){ return domMap()[d] === true; }
  6207.  function setDomFinger(d, v){
  6208.    try { var m = domMap(); m[d] = !!v; sessionStorage.setItem('melol_finger_dom', JSON.stringify(m)); }
  6209.    catch(e){}
  6210.  }
  6211.  try { sessionStorage.setItem('melol_finger', getDomFinger(curDomain()) ? 'true' : 'false'); } catch(e){}
  6212.  
  6213.  function fingerChecked(){
  6214.    var rs = document.querySelectorAll('input[type="radio"]');
  6215.    for (var i = 0; i < rs.length; i++){
  6216.      var r = rs[i], n = (r.name || '').toLowerCase();
  6217.      if ((n.indexOf('add-on') > -1 || n.indexOf('addon') > -1) && r.checked){
  6218.        var v = (r.value || '').toLowerCase();
  6219.        return v.indexOf('finger') > -1 || v.indexOf('pointing') > -1;
  6220.      }
  6221.    }
  6222.    return false;
  6223.  }
  6224.  window.melolFingerChecked = fingerChecked;
  6225.  
  6226.  var realToggle = window.melolToggleFinger;
  6227.  window.melolToggleFinger = function(show){
  6228.    var f = document.getElementById('melolFingerImg');
  6229.    var special = specialGraphic();
  6230.    var want;
  6231.    if (special){
  6232.      if (f && (f.getAttribute('src') || '').indexOf(special) === -1) f.src = special;
  6233.      want = !!show && fingerChecked();
  6234.    } else {
  6235.      if (f && (f.getAttribute('src') || '').indexOf('dumpsterfire') > -1) f.src = FINGER_SRC;
  6236.      want = !!show && fingerChecked();
  6237.    }
  6238.    if (typeof realToggle === 'function'){ realToggle(want); return; }
  6239.    var w = document.getElementById('shirt-domain-word');
  6240.    var t = document.getElementById('shirt-domain-tld');
  6241.    if (!f || !w || !t) return;
  6242.    f.style.display = want ? 'block' : 'none';
  6243.    w.style.top = want ? '42%' : '29%';
  6244.    var wR = w.parentElement.getBoundingClientRect();
  6245.    t.style.top = ((w.getBoundingClientRect().bottom - wR.top) / wR.height * 100 + 1).toFixed(1) + '%';
  6246.  };
  6247.  
  6248.  function suppressPrompt(){
  6249.    if (fingerChecked() || isServed(curDomain())){
  6250.      var fp = document.getElementById('melolFingerPrompt');
  6251.      if (fp) fp.remove();
  6252.    }
  6253.  }
  6254.  
  6255.  function styleCTA(){
  6256.    var btns = document.querySelectorAll('button, [type="submit"], .button');
  6257.    for (var i = 0; i < btns.length; i++){
  6258.      var b = btns[i];
  6259.      if ((b.textContent || '').toLowerCase().indexOf('on my chest') > -1){
  6260.        b.style.setProperty('background', '#0a66ff', 'important');
  6261.        b.style.setProperty('background-color', '#0a66ff', 'important');
  6262.        b.style.setProperty('border-color', '#0a66ff', 'important');
  6263.        b.style.setProperty('color', '#ffffff', 'important');
  6264.      }
  6265.    }
  6266.  }
  6267.  
  6268.  function fingerLabelEl(){
  6269.    var el = window._melolFingerLabelEl;
  6270.    if (el && document.contains(el)) return el;
  6271.    window._melolFingerLabelEl = null;
  6272.    var cands = document.querySelectorAll('label, span, div, p');
  6273.    for (var i = 0; i < cands.length; i++){
  6274.      var c = cands[i];
  6275.      if (c.querySelector('input')) continue;
  6276.      if (c.children.length) continue;
  6277.      var txt = (c.textContent || '');
  6278.      if (/finger|dumpster/i.test(txt) && /^\s*add(ed)?\b/i.test(txt)){ window._melolFingerLabelEl = c; return c; }
  6279.    }
  6280.    return null;
  6281.  }
  6282.  
  6283.  function setAddedState(on){
  6284.    var lbl = fingerLabelEl();
  6285.    if (!lbl) return;
  6286.    var full = lbl.textContent || '';
  6287.    var m = full.match(/^\s*add(?:ed)?\b(.*)$/i);
  6288.    if (!m) return;
  6289.    var sp = specialAddon();
  6290.    var rest = sp ? (' ' + sp) : m[1];     // per-domain wording on special domains
  6291.    if (on){
  6292.      var curRest = full.replace(/^\s*add(?:ed)?\b/i, '');
  6293.      if (lbl.querySelector('[data-melol-added]') && curRest === rest) return;
  6294.      while (lbl.firstChild) lbl.removeChild(lbl.firstChild);
  6295.      var badge = document.createElement('span');
  6296.      badge.setAttribute('data-melol-added', '1');
  6297.      badge.textContent = 'Added';
  6298.      badge.style.cssText = 'background:#ffd400;color:#000;border-radius:6px;padding:1px 7px;font-weight:700;display:inline-block;';
  6299.      lbl.appendChild(badge);
  6300.      lbl.appendChild(document.createTextNode(rest));
  6301.    } else {
  6302.      var wantTxt = 'Add' + rest;
  6303.      if (lbl.textContent !== wantTxt) lbl.textContent = wantTxt;
  6304.    }
  6305.  }
  6306.  
  6307.  function recordChoice(){
  6308.    var d = curDomain();
  6309.    setDomFinger(d, fingerChecked());
  6310.    try { sessionStorage.setItem('melol_finger', getDomFinger(d) ? 'true' : 'false'); } catch(e){}
  6311.  }
  6312.  
  6313.  function applyVisuals(){
  6314.    var on = fingerChecked();
  6315.    if (on) markServed(curDomain());
  6316.    window.melolToggleFinger(on);
  6317.    suppressPrompt();
  6318.    styleCTA();
  6319.    setAddedState(on);
  6320.  }
  6321.  
  6322.  function onInteract(e){
  6323.    setTimeout(applyVisuals, 60);
  6324.    if (e && e.target && (e.target.type === 'radio' || (e.target.closest && e.target.closest('label')))){
  6325.      setTimeout(recordChoice, 90);
  6326.    }
  6327.  }
  6328.  
  6329.  setInterval(applyVisuals, 400);
  6330.  document.addEventListener('click',  onInteract, true);
  6331.  document.addEventListener('change', onInteract, true);
  6332.  var _moT = null;
  6333.  new MutationObserver(function(){
  6334.    if (_moT) return;
  6335.    _moT = setTimeout(function(){ _moT = null; applyVisuals(); }, 80);
  6336.  }).observe(document.body, {childList:true, subtree:true});
  6337.  applyVisuals();
  6338. })();
  6339. </script>
  6340. <script>
  6341. /* Me.LOL — finger-prompt wording + upward YES finger + reposition (desktop in-view, mobile lift) */
  6342. (function(){
  6343.  if (window.location.pathname.indexOf('/products/') === -1) return;
  6344.  var SPECIAL_PROMPT = { 'usa.lol': 'Wanna see a dumpster fire?' };
  6345.  var POINT_R = '\uD83D\uDC49';   // 👉 sideways
  6346.  var POINT_U = '\u261D\uFE0F';   // ☝️ upward
  6347.  function curDomain(){
  6348.    try {
  6349.      var p = new URLSearchParams(window.location.search).get('domain');
  6350.      return (p || sessionStorage.getItem('melol_domain') || 'me.lol').toLowerCase();
  6351.    } catch(e){ return 'me.lol'; }
  6352.  }
  6353.  function fixPrompt(){
  6354.    var fp = document.getElementById('melolFingerPrompt');
  6355.    if (!fp) return;
  6356.    var copy = SPECIAL_PROMPT[curDomain()];
  6357.    if (copy){
  6358.      var spans = fp.querySelectorAll('span');
  6359.      for (var i=0;i<spans.length;i++){
  6360.        if (/wanna see/i.test(spans[i].textContent || '')){
  6361.          if (spans[i].textContent !== copy) spans[i].textContent = copy;
  6362.          break;
  6363.        }
  6364.      }
  6365.    }
  6366.    var btns = fp.querySelectorAll('button');
  6367.    for (var j=0;j<btns.length;j++){
  6368.      var txt = btns[j].textContent || '';
  6369.      if (txt.indexOf(POINT_R) > -1){ btns[j].textContent = txt.split(POINT_R).join(POINT_U); }
  6370.    }
  6371.    if (window.innerWidth >= 750){
  6372.      var mw = fp.parentElement;
  6373.      if (mw){
  6374.        var raise = (mw.getBoundingClientRect().bottom - window.innerHeight) + 24;
  6375.        if (raise < 0) raise = 0;
  6376.        fp.style.setProperty('bottom', raise + 'px', 'important');
  6377.      }
  6378.    } else {
  6379.      fp.style.setProperty('bottom', '8%', 'important');   // mobile: lift off the image bottom
  6380.    }
  6381.  }
  6382.  new MutationObserver(fixPrompt).observe(document.body, {childList:true, subtree:true});
  6383.  setInterval(fixPrompt, 400);
  6384.  window.addEventListener('resize', fixPrompt);
  6385.  fixPrompt();
  6386. })();
  6387. </script>
  6388. <script>
  6389. /* ===== Me.LOL — Cart "You may also like": ME.LOL-first + catalog rotation =====
  6390.   - Cart has a NON-ME.LOL shirt -> leads with ME.LOL, then rotates the catalog
  6391.   - Cart HAS ME.LOL             -> ME.LOL excluded, rotates the catalog only
  6392.   - Never shows: the visitor's incoming domain, anything already in the cart, or me.lol twice
  6393.   - The cart "You may also like" is a 1-at-a-time slideshow, so rotation advances
  6394.     one step on every page load / return to cart (persisted in localStorage)
  6395.   - Strips the store's bleed overlay (#melolOverlay etc.) off the suggestion card,
  6396.     then paints the chosen domain itself. .WTF tlds render with a "?". /cart only. */
  6397. (function(){
  6398.  if (location.pathname.indexOf('/cart') === -1) return;
  6399.  var TXT_URL = 'https://cdn.shopify.com/s/files/1/0714/1697/1451/files/featured-domains.txt';
  6400.  var PRODUCT = '/products/put-it-on-a-free-shirt';
  6401.  var ROT_KEY = 'melol_mal_idx';
  6402.  var catalog=null, chosen=null, pending=null;
  6403.  function norm(d){ return String(d||'').trim().toLowerCase(); }
  6404.  function fetchCatalog(cb){
  6405.    if(catalog){ cb(catalog); return; }
  6406.    fetch(TXT_URL,{cache:'no-store'}).then(function(r){return r.ok?r.text():'';}).then(function(t){
  6407.      var list=[],inCat=false,lines=t.split(/\r?\n/);
  6408.      for(var i=0;i<lines.length;i++){ var ln=lines[i].trim(); if(!ln) continue;
  6409.        if(ln.charAt(0)==='-'){ inCat=(ln.toUpperCase()==='-CATALOG-'); continue; }
  6410.        if(inCat) list.push(norm(ln)); }
  6411.      catalog=list; cb(catalog);
  6412.    }).catch(function(){ catalog=[]; cb(catalog); });
  6413.  }
  6414.  function getCart(cb){
  6415.    fetch('/cart.js',{cache:'no-store'}).then(function(r){return r.ok?r.json():{items:[]};}).then(function(c){
  6416.      var doms=[],items=(c&&c.items)||[];
  6417.      for(var i=0;i<items.length;i++){ var props=items[i].properties||{};
  6418.        var d=props['Domain name on shirt']||props['Domain name on shirt-0-0']||'';
  6419.        if(!d){ for(var k in props){ if(/domain/i.test(k)&&props[k]){ d=props[k]; break; } } }
  6420.        if(d) doms.push(norm(d)); }
  6421.      cb(doms);
  6422.    }).catch(function(){ cb([]); });
  6423.  }
  6424.  function visitorDomain(){
  6425.    var d=''; try{ var m=(location.search||'').match(/[?&]domain=([^&]+)/); if(m) d=decodeURIComponent(m[1]); }catch(e){}
  6426.    if(!d){ try{ d=sessionStorage.getItem('melol_domain')||''; }catch(e){} }
  6427.    return norm(d);
  6428.  }
  6429.  function compute(slots,cb){
  6430.    if(chosen){ cb(chosen); return; }
  6431.    fetchCatalog(function(cat){ getCart(function(cartDoms){
  6432.      var meInCart=cartDoms.indexOf('me.lol')>-1;
  6433.      var exclude={},vd=visitorDomain(); if(vd) exclude[vd]=1;
  6434.      for(var i=0;i<cartDoms.length;i++) exclude[cartDoms[i]]=1;
  6435.      var pool=[]; for(var j=0;j<cat.length;j++){ var d=cat[j]; if(d&&d!=='me.lol'&&!exclude[d]) pool.push(d); }
  6436.      var seq = meInCart ? pool.slice() : ['me.lol'].concat(pool);
  6437.      if(!seq.length){ chosen=[]; cb(chosen); return; }
  6438.      var idx=0; try{ idx=parseInt(localStorage.getItem(ROT_KEY)||'0',10)||0; }catch(e){}
  6439.      idx=((idx%seq.length)+seq.length)%seq.length;
  6440.      var sel=[]; for(var s=0;s<slots;s++){ sel.push(seq[(idx+s)%seq.length]); }
  6441.      try{ localStorage.setItem(ROT_KEY,String((idx+slots)%seq.length)); }catch(e){}
  6442.      chosen=sel; cb(chosen);
  6443.    }); });
  6444.  }
  6445.  function clearBleed(media){
  6446.    var so=media.querySelector('#melolOverlay'); if(so&&so.parentNode) so.parentNode.removeChild(so);
  6447.    var ids=['#shirt-domain-word','#shirt-domain-tld','#melolFingerImg','#melolFingerPrompt'];
  6448.    for(var i=0;i<ids.length;i++){ var e=media.querySelector(ids[i]); if(e&&e.parentNode) e.parentNode.removeChild(e); }
  6449.  }
  6450.  function paintMedia(media,domain){
  6451.    var r=media.getBoundingClientRect(); if(r.width<10) return false;
  6452.    var pos=''; try{pos=getComputedStyle(media).position;}catch(e){}
  6453.    if(pos!=='relative'&&pos!=='absolute') media.style.position='relative';
  6454.    var old=media.querySelector('.melol-mal-ov'); if(old&&old.parentNode) old.parentNode.removeChild(old);
  6455.    var dot=domain.lastIndexOf('.');
  6456.    var word=(dot>-1?domain.slice(0,dot):domain).toUpperCase();
  6457.    var tld=(dot>-1?domain.slice(dot):'').toUpperCase();
  6458.    if(tld==='.WTF'||tld==='.SO') tld+='?';
  6459.    var w=r.width;
  6460.    var size=Math.min(40,Math.max(11,Math.round(w*0.105)));
  6461.    var est=word.length*size*0.62; if(est>w*0.92) size=Math.max(9,Math.floor((w*0.92)/(word.length*0.62)));
  6462.    var ov=document.createElement('div'); ov.className='melol-mal-ov';
  6463.    ov.style.cssText='position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:6;';
  6464.    var we=document.createElement('div');
  6465.    we.style.cssText="position:absolute;left:50%;top:30%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;font-family:'Arial Black',Arial,sans-serif;font-weight:900;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.55);text-align:center;line-height:1;font-size:"+size+"px;";
  6466.    we.textContent=word;
  6467.    var te=document.createElement('div');
  6468.    te.style.cssText="position:absolute;left:50%;top:41%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;font-family:'Arial Black',Arial,sans-serif;font-weight:900;color:rgba(255,255,255,.72);text-shadow:1px 1px 2px rgba(0,0,0,.5);text-align:center;line-height:1;font-size:"+Math.max(8,Math.round(size*0.42))+"px;";
  6469.    te.textContent=tld;
  6470.    ov.appendChild(we); ov.appendChild(te); media.appendChild(ov); return true;
  6471.  }
  6472.  function findSection(){
  6473.    var heads=document.querySelectorAll('h2,h3,h4,p,span,div');
  6474.    for(var i=0;i<heads.length;i++){ var tx=(heads[i].textContent||'').toLowerCase().trim();
  6475.      if(tx.length<40&&tx.indexOf('may also like')>-1){ return heads[i].closest('.shopify-section, section, [id]')||heads[i].parentElement; } }
  6476.    return null;
  6477.  }
  6478.  function apply(){
  6479.    var sec=findSection(); if(!sec) return;
  6480.    var medias=sec.querySelectorAll('.product-media'); var cards=[], used=[];
  6481.    for(var i=0;i<medias.length;i++){ var m=medias[i]; var r=m.getBoundingClientRect();
  6482.      if(r.width<10||r.height<10) continue;
  6483.      var card=m.closest('.card-gallery')||m.parentElement;
  6484.      if(!card||used.indexOf(card)>-1) continue; used.push(card); cards.push({card:card,media:m}); }
  6485.    if(!cards.length) return;
  6486.    compute(cards.length,function(sel){
  6487.      for(var i=0;i<cards.length;i++){
  6488.        var d=sel[i]||(sel.length?sel[i%sel.length]:''); if(!d) continue;
  6489.        var media=cards[i].media; clearBleed(media);
  6490.        var card=cards[i].card; if(card.getAttribute('data-melol-dom')===d) continue;
  6491.        var nh=PRODUCT+'?domain='+encodeURIComponent(d);
  6492.        var links=card.querySelectorAll('a[href*="/products/"]');
  6493.        for(var L=0;L<links.length;L++){ try{ links[L].setAttribute('href',nh); }catch(e){} }
  6494.        if(paintMedia(media,d)) card.setAttribute('data-melol-dom',d);
  6495.      }
  6496.    });
  6497.  }
  6498.  function schedule(){ if(pending) return; pending=setTimeout(function(){ pending=null; apply(); },120); }
  6499.  var tries=0; var iv=setInterval(function(){ tries++; apply(); if(tries>30) clearInterval(iv); },400);
  6500.  apply();
  6501.  try{ var mo=new MutationObserver(schedule); mo.observe(document.body,{childList:true,subtree:true}); }catch(e){}
  6502. })();
  6503. </script>
  6504. <script>
  6505. /* ===== Me.LOL — Green "Free" pill on the Standard add-on (mirrors the yellow "Added" pill) ===== */
  6506. (function(){
  6507.  if(location.pathname.indexOf('/products/')===-1) return;
  6508.  function apply(){
  6509.    var labels=document.querySelectorAll('label.variant-option__button-label');
  6510.    for(var i=0;i<labels.length;i++){
  6511.      var el=labels[i]; var inp=el.querySelector('input');
  6512.      if(!inp||String(inp.value).trim().toLowerCase()!=='standard') continue;
  6513.      var spans=el.querySelectorAll('span.variant-option__button-label__text');
  6514.      var textSpan=spans.length?spans[spans.length-1]:el.querySelector('.variant-option__button-label__text');
  6515.      if(!textSpan) continue;
  6516.      if(textSpan.querySelector('.melol-free-pill')) continue;
  6517.      var pill=document.createElement('span');
  6518.      pill.className='melol-free-pill'; pill.setAttribute('data-melol-free','1'); pill.textContent='Free';
  6519.      pill.style.cssText='background:#16a34a;color:#fff;border-radius:6px;padding:1px 7px;font-weight:700;font-size:14px;margin-right:6px;display:inline-block;line-height:1.4;';
  6520.      textSpan.insertBefore(pill, textSpan.firstChild);
  6521.    }
  6522.  }
  6523.  var t=0; var iv=setInterval(function(){ t++; apply(); if(t>30) clearInterval(iv); },400);
  6524.  apply();
  6525.  try{ var mo=new MutationObserver(function(){ apply(); }); mo.observe(document.body,{childList:true,subtree:true}); }catch(e){}
  6526. })();
  6527. </script>
  6528. <script>
  6529. /* ===== Me.LOL — Stop the fallback overlay from double-painting on the product page =====
  6530.   The old-browser fallback (#melolFallbackOverlay) is meant to paint ONLY when the main
  6531.   overlay is missing. During a render race (finger add / cart return) the main overlay
  6532.   briefly vanishes, the fallback paints, and when the main returns you get two stacked
  6533.   "WORD"s. This makes the fallback yield to the main overlay continuously: if the real
  6534.   #shirt-domain-word is present and visible, remove the fallback. On genuinely old
  6535.   browsers the main word never renders, so the fallback stays and still does its job. */
  6536. (function(){
  6537.  if(location.pathname.indexOf('/products/')===-1) return;
  6538.  function fix(){
  6539.    var w=document.querySelector('[id="shirt-domain-word"]');
  6540.    if(w && w.getBoundingClientRect().width>2){
  6541.      var fbs=document.querySelectorAll('[id="melolFallbackOverlay"]');
  6542.      for(var i=0;i<fbs.length;i++){ if(fbs[i].parentNode) fbs[i].parentNode.removeChild(fbs[i]); }
  6543.    }
  6544.  }
  6545.  var t=0; var iv=setInterval(function(){ t++; fix(); if(t>120) clearInterval(iv); },200);
  6546.  fix();
  6547.  try{ var mo=new MutationObserver(function(){ fix(); }); mo.observe(document.body,{childList:true,subtree:true}); }catch(e){}
  6548. })();
  6549. </script>
  6550. <script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
  6551. </body>
  6552. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda