<!--
                                                                                                                                                                                                       
                                                                                   bbbbbbbb                                 bbbbbbbb                                                                   
                   iiii          tttt                                              b::::::b                                 b::::::b                                                                   
                  i::::i      ttt:::t                                              b::::::b                                 b::::::b                                                                   
                   iiii       t:::::t                                              b::::::b                                 b::::::b                                                                   
                              t:::::t                                               b:::::b                                  b:::::b                                                                   
    ssssssssss   iiiiiiittttttt:::::ttttttt        eeeeeeeeeeee        ssssssssss   b:::::bbbbbbbbb yyyyyyy           yyyyyyyb:::::bbbbbbbbb    rrrrr   rrrrrrrrr   aaaaaaaaaaaaa      eeeeeeeeeeee    
  ss::::::::::s  i:::::it:::::::::::::::::t      ee::::::::::::ee    ss::::::::::s  b::::::::::::::bby:::::y         y:::::y b::::::::::::::bb  r::::rrr:::::::::r  a::::::::::::a   ee::::::::::::ee  
ss:::::::::::::s  i::::it:::::::::::::::::t     e::::::eeeee:::::eess:::::::::::::s b::::::::::::::::by:::::y       y:::::y  b::::::::::::::::b r:::::::::::::::::r aaaaaaaaa:::::a e::::::eeeee:::::ee
s::::::ssss:::::s i::::itttttt:::::::tttttt    e::::::e     e:::::es::::::ssss:::::sb:::::bbbbb:::::::by:::::y     y:::::y   b:::::bbbbb:::::::brr::::::rrrrr::::::r         a::::ae::::::e     e:::::e
 s:::::s  ssssss  i::::i      t:::::t          e:::::::eeeee::::::e s:::::s  ssssss b:::::b    b::::::b y:::::y   y:::::y    b:::::b    b::::::b r:::::r     r:::::r  aaaaaaa:::::ae:::::::eeeee::::::e
   s::::::s       i::::i      t:::::t          e:::::::::::::::::e    s::::::s      b:::::b     b:::::b  y:::::y y:::::y     b:::::b     b:::::b r:::::r     rrrrrrraa::::::::::::ae:::::::::::::::::e 
      s::::::s    i::::i      t:::::t          e::::::eeeeeeeeeee        s::::::s   b:::::b     b:::::b   y:::::y:::::y      b:::::b     b:::::b r:::::r           a::::aaaa::::::ae::::::eeeeeeeeeee  
ssssss   s:::::s  i::::i      t:::::t    tttttte:::::::e           ssssss   s:::::s b:::::b     b:::::b    y:::::::::y       b:::::b     b:::::b r:::::r          a::::a    a:::::ae:::::::e           
s:::::ssss::::::si::::::i     t::::::tttt:::::te::::::::e          s:::::ssss::::::sb:::::bbbbbb::::::b     y:::::::y        b:::::bbbbbb::::::b r:::::r          a::::a    a:::::ae::::::::e          
s::::::::::::::s i::::::i     tt::::::::::::::t e::::::::eeeeeeee  s::::::::::::::s b::::::::::::::::b       y:::::y         b::::::::::::::::b  r:::::r          a:::::aaaa::::::a e::::::::eeeeeeee  
 s:::::::::::ss  i::::::i       tt:::::::::::tt  ee:::::::::::::e   s:::::::::::ss  b:::::::::::::::b       y:::::y          b:::::::::::::::b   r:::::r           a::::::::::aa:::a ee:::::::::::::e  
  sssssssssss    iiiiiiii         ttttttttttt      eeeeeeeeeeeeee    sssssssssss    bbbbbbbbbbbbbbbb       y:::::y           bbbbbbbbbbbbbbbb    rrrrrrr            aaaaaaaaaa  aaaa   eeeeeeeeeeeeee  
                                                                                                          y:::::y                                                                                      
                                                                                                         y:::::y                                                                                       
                                                                                                        y:::::y                                                                                        
                                                                                                       y:::::y                                                                                         
                                                                                                      yyyyyyy                                                                                          
                                                                                                                                                                                                       
                                                   This art is the work of: @sitesbybrae                                                           

-->
<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="theme-color" content=""><link rel="canonical" href="https://byjacobalexander.com/products/the-p1s">
    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
    <link type="text/css" href="//byjacobalexander.com/cdn/shop/t/7/assets/main.css?v=155838642979827307001747799889" rel="stylesheet">
    <link type="text/css" href="//byjacobalexander.com/cdn/shop/t/7/assets/styles_temp.css?v=45484106991171892231747799889" rel="stylesheet">
    <link type="text/css" href="//byjacobalexander.com/cdn/shop/t/7/assets/basefait.css?v=75557150642572602671747799889" rel="stylesheet">
    
<link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
      The P1&#39;s
 &ndash; ByJacobAlexander</title>

    
      <meta name="description" content="- 14oz White Cotton Canvas- Exposed 5 button fly w/ engraved top button- Semicircle front pockets- Wide leg fit- Red leather back tag- Large back pockets    Limited Quantity. Pre-made, ready to ship.    WASH INSTRUCTIONS: - Turn inside out - Wash Cold- Tumble Dry / Air Dry, Low Heat   Model is 6&#39;3 wearing size M.">
    

<meta property="og:site_name" content="ByJacobAlexander">
<meta property="og:url" content="https://byjacobalexander.com/products/the-p1s">
<meta property="og:title" content="The P1&#39;s">
<meta property="og:type" content="product">
<meta property="og:description" content="- 14oz White Cotton Canvas- Exposed 5 button fly w/ engraved top button- Semicircle front pockets- Wide leg fit- Red leather back tag- Large back pockets    Limited Quantity. Pre-made, ready to ship.    WASH INSTRUCTIONS: - Turn inside out - Wash Cold- Tumble Dry / Air Dry, Low Heat   Model is 6&#39;3 wearing size M."><meta property="og:image" content="http://byjacobalexander.com/cdn/shop/files/DSC02933.jpg?v=1755394063">
  <meta property="og:image:secure_url" content="https://byjacobalexander.com/cdn/shop/files/DSC02933.jpg?v=1755394063">
  <meta property="og:image:width" content="3504">
  <meta property="og:image:height" content="5256"><meta property="og:price:amount" content="166.00">
  <meta property="og:price:currency" content="CAD"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="The P1&#39;s">
<meta name="twitter:description" content="- 14oz White Cotton Canvas- Exposed 5 button fly w/ engraved top button- Semicircle front pockets- Wide leg fit- Red leather back tag- Large back pockets    Limited Quantity. Pre-made, ready to ship.    WASH INSTRUCTIONS: - Turn inside out - Wash Cold- Tumble Dry / Air Dry, Low Heat   Model is 6&#39;3 wearing size M.">
     <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="/78437482530/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="142b14eee2af5f352b79f1c1a6c08197">
<link rel="alternate" type="application/json+oembed" href="https://byjacobalexander.com/products/the-p1s.oembed">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-CA"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-CA&shop_id=78437482530" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":78437482530,"countryCode":"CA","currencyCode":"CAD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/78437482530","merchantName":"ByJacobAlexander","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","jcb"],"total":{"type":"pending","label":"ByJacobAlexander","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"142b14eee2af5f352b79f1c1a6c08197","betas":["rich-media-storefront-analytics"],"domain":"byjacobalexander.com","predictiveSearch":true,"shopId":78437482530,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "1pfzg7-jn.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"CAD","rate":"1.37949"};
Shopify.country = "CA";
Shopify.theme = {"name":"Copy of jacobalexander-1-2","id":174048116770,"schema_name":"JacobAlexander","schema_version":"1.1","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "byjacobalexander.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
  window.ShopifyPay = window.ShopifyPay || {};
  window.ShopifyPay.apiHost = "shop.app\/pay";
  window.ShopifyPay.redirectState = null;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"init-fed-cm":["modules/v2/client.init-fed-cm_BMcL9bw4.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js"],"init-windoid":["modules/v2/client.init-windoid_sQF-QLLI.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_DiTMbfW0.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js"],"shop-cart-sync":["modules/v2/client.shop-cart-sync_Dz9h8RHM.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_9qTz1upw.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_DsFSorng.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js","modules/v2/chunk.modal_DtVu4ACX.esm.js"],"shop-button":["modules/v2/client.shop-button_DROfQ-Pw.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js"],"pay-button":["modules/v2/client.pay-button_xbIPyKtk.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js"],"init-shop-cart-sync":["modules/v2/client.init-shop-cart-sync_B3RgAl3M.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_H3bjcmEe.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js","modules/v2/chunk.modal_DtVu4ACX.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_C8_25TL-.en.esm.js","modules/v2/client.shop-login-button_Bg8piTNJ.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js","modules/v2/chunk.modal_DtVu4ACX.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_Bg8piTNJ.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js","modules/v2/chunk.modal_DtVu4ACX.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_GzoesL4B.en.esm.js","modules/v2/client.shop-login-button_Bg8piTNJ.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js","modules/v2/chunk.modal_DtVu4ACX.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_kjwZuYIL.en.esm.js","modules/v2/client.shop-login-button_Bg8piTNJ.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js","modules/v2/chunk.modal_DtVu4ACX.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_CG0ePEDw.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js","modules/v2/chunk.modal_DtVu4ACX.esm.js"],"lead-capture":["modules/v2/client.lead-capture_C8U4dr4I.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js","modules/v2/chunk.modal_DtVu4ACX.esm.js"],"payment-terms":["modules/v2/client.payment-terms_1CzOQRVF.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js","modules/v2/chunk.modal_DtVu4ACX.esm.js"]};
</script>
<script>(function() {
  var isLoaded = false;
  function asyncLoad() {
    if (isLoaded) return;
    isLoaded = true;
    var urls = ["https:\/\/sdk.postscript.io\/sdk-script-loader.bundle.js?shopId=506286\u0026shop=1pfzg7-jn.myshopify.com"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":78437482530,"offset":-25200,"reqid":"40847916-3fba-439c-96ab-632617697f96-1758239847","pageurl":"byjacobalexander.com\/products\/the-p1s","u":"9561b71a66b9","p":"product","rtyp":"product","rid":8028811198498};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-52AcMU7V7pcBOXWImdc/TAGTFKeNjmkeM1Pvks/DTgc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//byjacobalexander.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-81c60534.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//byjacobalexander.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-65b4c6d7.js?v=20250812"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://byjacobalexander.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script id='scb4127' type='text/javascript' async='' src='https://byjacobalexander.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://byjacobalexander.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

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

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

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

      </style>

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

  
      <style data-shopify>
        @font-face {
  font-family: Inter;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//byjacobalexander.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2?h1=MXBmemc3LWpuLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YnlqYWNvYmFsZXhhbmRlci5jb20&hmac=664f90decdc797b317e140660c33536fcd023daa8a14e9c0e2b8e53ad6d85dad") format("woff2"),
       url("//byjacobalexander.com/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff?h1=MXBmemc3LWpuLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YnlqYWNvYmFsZXhhbmRlci5jb20&hmac=83edbeaeaf41e495607f82137dd59128782c7320f906cbb5152452c0dd8e1a9d") format("woff");
}

        @font-face {
  font-family: Inter;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//byjacobalexander.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2?h1=MXBmemc3LWpuLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YnlqYWNvYmFsZXhhbmRlci5jb20&hmac=d9ba01c25eabd2ae589fe053b976eef1ea8aaca986069da660048f797418035c") format("woff2"),
       url("//byjacobalexander.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff?h1=MXBmemc3LWpuLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YnlqYWNvYmFsZXhhbmRlci5jb20&hmac=b664658df1c5094fc507a6e560ccfbb244047a81306be8ee910dff0cb0a2f965") format("woff");
}

        @font-face {
  font-family: Inter;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//byjacobalexander.com/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2?h1=MXBmemc3LWpuLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YnlqYWNvYmFsZXhhbmRlci5jb20&hmac=840d85d79c5cbb9a263c0dfd78820901d4601a4e770990b1319b899039d40a77") format("woff2"),
       url("//byjacobalexander.com/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff?h1=MXBmemc3LWpuLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YnlqYWNvYmFsZXhhbmRlci5jb20&hmac=bad6e59854be03587be52c2c293b2f6138ffe24747c39e0c4c1026b21e706104") format("woff");
}

        @font-face {
  font-family: Inter;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//byjacobalexander.com/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2?h1=MXBmemc3LWpuLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YnlqYWNvYmFsZXhhbmRlci5jb20&hmac=0efbd83aeae639951ababeeee269398b57bce75c36dffc3579588794ff6482ec") format("woff2"),
       url("//byjacobalexander.com/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff?h1=MXBmemc3LWpuLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YnlqYWNvYmFsZXhhbmRlci5jb20&hmac=4e9ed7ffd6522f8bfbaa8c435faf5556651a5871d33d97d3aea78a0299d99c62") format("woff");
}

        @font-face {
  font-family: Inter;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//byjacobalexander.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2?h1=MXBmemc3LWpuLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YnlqYWNvYmFsZXhhbmRlci5jb20&hmac=664f90decdc797b317e140660c33536fcd023daa8a14e9c0e2b8e53ad6d85dad") format("woff2"),
       url("//byjacobalexander.com/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff?h1=MXBmemc3LWpuLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YnlqYWNvYmFsZXhhbmRlci5jb20&hmac=83edbeaeaf41e495607f82137dd59128782c7320f906cbb5152452c0dd8e1a9d") format("woff");
}

      :root {
        
        --font-body-family: Inter, sans-serif;
        
        --font-body-style: normal;
        --font-body-weight: 400;
        --font-body-weight-bold: 700;

        
        --font-heading-family: Inter, sans-serif;
        
        --font-heading-style: normal;
        --font-heading-weight: 400;
        
        /* Logo settings */
        --logo-max-width: 150px;
        --logo-max-width-mobile: 100px;
      }
    h1, h2, h3, h4, h5, .header-logo-text, .copyright__content, .copyright__content a, .menu-item, .product-list__product-name, .header-cart, .option-value, .product-info__cart-btn, #contact-button input, .shop-all-button-404, .cart__total, .cart__submit-btn, .cart__item-remove-link, #CartCount, .pages > *, .number_pages > *, .custom-button, .footer-nav{
      font-family: var(--font-heading-family) !important;
      font-style: var(--font-heading-style) !important;
      font-weight: var(--font-heading-weight) !important;
    }

    p, span, input, textarea, #collections-listing ul li, #contactFormMessageContainer, body{
      font-family: var(--font-body-family) !important;
      font-style: var(--font-body-style) !important;
      font-weight: var(--font-body-weight) !important;
    }
    
    /* Global logo styling */
    .site-logo {
      max-width: var(--logo-max-width);
      width: 100%;
      height: auto;
      display: block;
    }
    
    @media screen and (max-width: 749px) {
      .site-logo {
        max-width: var(--logo-max-width-mobile);
      }
    }
    
    @font-face {
      font-family: 'Custom-Font-Headings';
      src: url('') format('woff2'),
           url('') format('woff');
    }
    @font-face {
      font-family: 'Custom-Font-Body';
      src: url('') format('woff2'),
           url('') format('woff');
    }

      </style>
  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 78437482530,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>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 78437482530,storefrontBaseUrl: "https://byjacobalexander.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["ac843a20"],webPixelsConfigList: [{"id":"740950050","configuration":"{\"shopId\":\"506286\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"3962590922df270e2138382efd402512","type":"APP","apiClientId":2328352,"privacyPurposes":[]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"ByJacobAlexander","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"1pfzg7-jn.myshopify.com","countryCode":"CA","storefrontUrl":"https:\/\/byjacobalexander.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":166.0,"currencyCode":"CAD"},"product":{"title":"The P1's","vendor":"ByJacobAlexander","id":"8028811198498","untranslatedTitle":"The P1's","url":"\/products\/the-p1s","type":""},"id":"44117716238370","image":{"src":"\/\/byjacobalexander.com\/cdn\/shop\/files\/DSC02933.jpg?v=1755394063"},"sku":null,"title":"XS","untranslatedTitle":"XS"},{"price":{"amount":166.0,"currencyCode":"CAD"},"product":{"title":"The P1's","vendor":"ByJacobAlexander","id":"8028811198498","untranslatedTitle":"The P1's","url":"\/products\/the-p1s","type":""},"id":"44117716271138","image":{"src":"\/\/byjacobalexander.com\/cdn\/shop\/files\/DSC02933.jpg?v=1755394063"},"sku":null,"title":"S","untranslatedTitle":"S"},{"price":{"amount":166.0,"currencyCode":"CAD"},"product":{"title":"The P1's","vendor":"ByJacobAlexander","id":"8028811198498","untranslatedTitle":"The P1's","url":"\/products\/the-p1s","type":""},"id":"44117716303906","image":{"src":"\/\/byjacobalexander.com\/cdn\/shop\/files\/DSC02933.jpg?v=1755394063"},"sku":null,"title":"M","untranslatedTitle":"M"},{"price":{"amount":166.0,"currencyCode":"CAD"},"product":{"title":"The P1's","vendor":"ByJacobAlexander","id":"8028811198498","untranslatedTitle":"The P1's","url":"\/products\/the-p1s","type":""},"id":"44117716336674","image":{"src":"\/\/byjacobalexander.com\/cdn\/shop\/files\/DSC02933.jpg?v=1755394063"},"sku":null,"title":"L","untranslatedTitle":"L"}],"purchasingCompany":null},},"https://byjacobalexander.com/cdn","f76b4158w3f0cce88pd0473a40m5f85a2ef",{"modern":"","legacy":""},{"shopId":"78437482530","storefrontBaseUrl":"https:\/\/byjacobalexander.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"ac843a20\"]","isMerchantRequest":"false","hashVersion":"f76b4158w3f0cce88pd0473a40m5f85a2ef","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":166.0,\"currencyCode\":\"CAD\"},\"product\":{\"title\":\"The P1's\",\"vendor\":\"ByJacobAlexander\",\"id\":\"8028811198498\",\"untranslatedTitle\":\"The P1's\",\"url\":\"\/products\/the-p1s\",\"type\":\"\"},\"id\":\"44117716238370\",\"image\":{\"src\":\"\/\/byjacobalexander.com\/cdn\/shop\/files\/DSC02933.jpg?v=1755394063\"},\"sku\":null,\"title\":\"XS\",\"untranslatedTitle\":\"XS\"}}]]"});</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'CAD';
  var meta = {"product":{"id":8028811198498,"gid":"gid:\/\/shopify\/Product\/8028811198498","vendor":"ByJacobAlexander","type":"","variants":[{"id":44117716238370,"price":16600,"name":"The P1's - XS","public_title":"XS","sku":null},{"id":44117716271138,"price":16600,"name":"The P1's - S","public_title":"S","sku":null},{"id":44117716303906,"price":16600,"name":"The P1's - M","public_title":"M","sku":null},{"id":44117716336674,"price":16600,"name":"The P1's - L","public_title":"L","sku":null}]},"page":{"pageType":"product","resourceType":"product","resourceId":8028811198498}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

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

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

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

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

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

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

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

        } // XHR beacon

        var xhr = new XMLHttpRequest();

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

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

        };
        scriptFallback.async = true;
        scriptFallback.src = '//byjacobalexander.com/cdn/s/trekkie.storefront.65b96dff0e3deac201f4bbc09d95fca662aba080.min.js';
        first.parentNode.insertBefore(scriptFallback, first);
      };
      script.async = true;
      script.src = '//byjacobalexander.com/cdn/s/trekkie.storefront.65b96dff0e3deac201f4bbc09d95fca662aba080.min.js';
      first.parentNode.insertBefore(script, first);
    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":78437482530,"isMerchantRequest":null,"themeId":174048116770,"themeCityHash":"3831290485476489360","contentLanguage":"en","currency":"CAD","eventMetadataId":"dad708a2-2a0a-4fc3-b837-8a1f2e8b657c"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

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

      window.ShopifyAnalytics.lib = window.trekkie;

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

      window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":8028811198498,"shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"CAD","variantId":44117716238370,"productId":8028811198498,"productGid":"gid:\/\/shopify\/Product\/8028811198498","name":"The P1's - XS","price":"166.00","sku":null,"brand":"ByJacobAlexander","variant":"XS","category":"","nonInteraction":true},undefined,undefined,{"shopifyEmitted":true});
      window.ShopifyAnalytics.lib.track("monorail:\/\/trekkie_storefront_viewed_product\/1.1",{"currency":"CAD","variantId":44117716238370,"productId":8028811198498,"productGid":"gid:\/\/shopify\/Product\/8028811198498","name":"The P1's - XS","price":"166.00","sku":null,"brand":"ByJacobAlexander","variant":"XS","category":"","nonInteraction":true,"referer":"https:\/\/byjacobalexander.com\/products\/the-p1s"});
      }
    });


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

})();</script>
<script
  defer
  src="https://byjacobalexander.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-2.0.8.min.js"
  data-application="storefront-renderer"
  data-shop-id="78437482530"
  data-render-region="gcp-us-central1"
  data-page-type="product"
  data-theme-instance-id="174048116770"
  data-theme-name="JacobAlexander"
  data-theme-version="1.1"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
></script>
</head>
  <body style="overflow-x: hidden;">
    <div class="imgbg"></div>
    <div id="shopify-section-header" class="shopify-section"><style>
    nav.collectionsmenu.notshown {
      width: 20%;
    }
    .page-width.featured-collection {
      margin: 4rem 0 0 2rem;
    }
    

    .currency-container {
  display: inline-block;
  margin-right: 15px; /* space before CART link */
}

#currency_form select {
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 14px;
  border: 1px solid #ddd;
  background-color: #fff;
  cursor: pointer;
}
    .header-wrapper {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 20px;
    }
    .header-wrapper > * {
      flex: 0 1 auto;
      text-align: center;
    }
    .logo-wrapper {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      padding: 20px 10px;
      margin: 0 auto;
      z-index: 1;
    }
    .header-menu {
      text-align: left;
      display: flex;
      flex-wrap: wrap;
      margin-right: auto;
      position: relative;
      z-index: 100;
    }
    .header-cart {
      text-align: right;
      white-space: nowrap;
      margin-left: auto;
    }

    .currency-selector{
      text-align: right;
      white-space: nowrap;
      margin-left: auto;
    }
    .header-menu .menu-item, .header-cart {
      text-transform: uppercase;
    }
    .header-menu .menu-item:not(:last-child) {
      margin-right: 15px;
    }
    .logo-wrapper img {
      width: var(--logo-max-width, 150px);
      max-width: 100%;
    }
    .submenu {
      display: none;
      position: absolute;
      box-shadow: 0 2px 3px rgba(0,0,0,0.1);
      background: #ffffff;
      z-index: 100;
      left: 0;
      margin-top: 10px;
      flex-direction: column;
      padding: 0;
      min-width: 150px;
    }
    .subsub-menu-item {
      padding-top: 0 !important;
      font-size: 13px;
    }
    .submenu a {
      padding: 10px;
      display: block;
      text-decoration: none;
      text-align: center;
    }

    .has-children {
      position: relative;
    }
    .has-children > a:after {
      content: ' +';
    }
    .has-children.active > a:after {
      content: ' -';
    }
  .burger-menu {
    cursor: pointer;
    display: none;
    position: relative;
    z-index: 997;
  }

  .mobile-only {
    display: none;
  }

  @media screen and (max-width: 749px) {
    .burger-menu {
    display: block;
    margin-right: 0;
    order: -1;
    flex: 0 0 auto;
  }

  .mobile-only {
    display: block;
  }

  .header-wrapper {
    position: relative;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
  }

  /* Center logo on mobile */
  .logo-wrapper {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    max-width: 40%;
    flex: 0 1 auto;
    z-index: 2;
  }

  .logo-wrapper img {
    max-width: 100%;
    height: auto;
  }

  /* Cart + currency stay on right */
  .header-cart {
  display: flex;
  flex-direction: column; /* stack items vertically */
  align-items: flex-end;  /* keep them aligned to the right */
  gap: 8px; /* space between currency and cart */
}

.currency-container {
  margin-right: 0; /* remove extra margin */
}

  /* Mobile menu */
  .header-menu {
    display: flex;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(100%);
    width: 90%;
    margin: 15px 0 0 0;
    background-color: white;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    padding: 25px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    z-index: 100;
    max-height: 80vh;
    border-radius: 15px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;
  }

  .header-menu.active {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  /* Mobile menu header & close button */
  .menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 18px;
  }

  .menu-close {
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
  }

  /* Menu items on mobile */
  .header-menu .menu-item {
    font-size: 18px;
    text-transform: none;
    text-align: left;
    margin-bottom: 25px !important;
    width: 100%;
  }

  .header-menu .menu-item a {
    text-decoration: none;
    color: #000;
  }

  .submenu {
    position: relative;
    background: none;
    box-shadow: none;
    margin-top: 15px;
    margin-left: 15px;
    width: 100%;
    flex-direction: column;
  }

  .submenu a {
    font-size: 16px;
    text-align: left;
    padding: 10px 0;
  }

  .subsub-menu-item {
    padding-top: 0 !important;
    font-size: 13px !important;
  }

  .search-container {
    margin-top: 20px;
    width: 100%;
    display: flex;
    align-items: center;
  }

  .search-container svg {
    margin-right: 10px;
  }

  .search-text {
    font-size: 18px;
  }

    .header-menu .menu-item a {
      text-decoration: none;
      color: #000;
    }

    .search-container {
      margin-top: 20px;
      width: 100%;
      display: flex;
      align-items: center;
    }

    .search-container svg {
      margin-right: 10px;
    }

    .search-text {
      font-size: 18px;
    }

    .submenu {
      z-index: 100;
      position: inherit;
      background: none;
      box-shadow: none;
      margin-top: 15px;
      margin-left: 15px;
      width: 100%;
    }
    
    .submenu a {
      font-size: 16px;
      text-align: left;
      padding: 10px 0;
    }
    
    .subsub-menu-item {
      padding-top: 0 !important;
      font-size: 13px !important;
    }

    
    .header-wrapper > * {
      flex: 0 1 auto;
    }
    
  }
    @media screen and (min-width: 750px){
        .submenu a {
      color: #000000;
    }
      
      .mobile-only {
        display: none !important;
      }
    }
    @media screen and (max-width: 500px) {
      .logo-wrapper img {
        width: var(--logo-max-width-mobile, 100px);
      }
    }
</style>

<div class=" header-wrapper">
  <div class="header-menu">
    <div class="menu-header mobile-only">
      <span>Menu</span>
      <button class="menu-close">✕</button>
    </div>
    
      
        <div class="menu-item">
          <a href="/" class="menu-link">Home</a>
          
        </div>
      
        <div class="menu-item">
          <a href="/collections/all" class="menu-link">Catalog</a>
          
        </div>
      
        <div class="menu-item">
          <a href="/pages/contact" class="menu-link">Contact</a>
          
        </div>
      
    
    <div class="search-container mobile-only">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
        <circle cx="11" cy="11" r="8"></circle>
        <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
      </svg>
      <span class="search-text">Search</span>
    </div>
  </div>

  <div class="logo-wrapper">
    <a href="/" class="header__heading-link"><img
          class="header-logo site-logo"
          src="//byjacobalexander.com/cdn/shop/files/By_Jacob_Alexander.png?v=1740375649"
          alt="ByJacobAlexander"
          loading="eager"
          width="150"
          height="auto"
        ></a>
  </div>

  
  <div class="header-cart">
<div class="currency-container">
  <form method="post" action="/cart/update" id="currency_form" accept-charset="UTF-8" class="shopify-currency-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="currency" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="return_to" value="/products/the-p1s" />
      <select name="currency"><option value="AED">AED د.إ</option><option value="AUD">AUD $</option><option value="CAD" selected="selected">CAD $</option><option value="CHF">CHF CHF</option><option value="CZK">CZK Kč</option><option value="DKK">DKK kr.</option><option value="EUR">EUR €</option><option value="GBP">GBP £</option><option value="HKD">HKD $</option><option value="ILS">ILS ₪</option><option value="JPY">JPY ¥</option><option value="KRW">KRW ₩</option><option value="MYR">MYR RM</option><option value="NZD">NZD $</option><option value="PLN">PLN zł</option><option value="SEK">SEK kr</option><option value="SGD">SGD $</option><option value="USD">USD $</option></select>
  </form>
</div>
    <a href="/cart"
      >CART (<span id="CartCount">0</span>)</a
    >
  </div>

  <div class="burger-menu"><span class="burger">MENU</span>
      <!-- <span class="cros">MENU</span> -->
      <svg
        class="cross"
        style="display: none;"
        xmlns="http://www.w3.org/2000/svg"
        width="45"
        height="41"
        viewBox="0 0 55 51"
        fill="none"
      >
        <line x1="15.425" y1="38.425" x2="38.425" y2="15.425" stroke="#ffffff" stroke-width="1.62635"/>
        <line x1="16.575" y1="15.425" x2="39.575" y2="38.425" stroke="#ffffff" stroke-width="1.62635"/>
      </svg>
    
  </div>
</div>

<script>
  document.addEventListener('DOMContentLoaded', function () {
    var burgerMenu = document.querySelector('.burger-menu');
    var headerMenu = document.querySelector('.header-menu');
    var burgerIcon = document.querySelector('.burger');
    var crossIcon = document.querySelector('.cross');
    var menuCloseBtn = document.querySelector('.menu-close');
    var searchContainer = document.querySelector('.search-container');

    burgerMenu.addEventListener('click', function () {
      var isOpen = headerMenu.classList.contains('active');

      headerMenu.classList.toggle('active');
      if (isOpen) {
        burgerIcon.style.display = 'block';
        crossIcon.style.display = 'none';
      } else {
        burgerIcon.style.display = 'none';
        crossIcon.style.display = 'block';
      }
    });

    menuCloseBtn.addEventListener('click', function() {
      headerMenu.classList.remove('active');
      burgerIcon.style.display = 'block';
      crossIcon.style.display = 'none';
    });

    searchContainer.addEventListener('click', function() {
      window.location.href = '/search';
    });

    var menuItems = document.querySelectorAll('.header-menu > .menu-item');
    menuItems.forEach(function (item) {
      var link = item.querySelector('.menu-link');
      link.addEventListener('click', function (event) {
        if (item.classList.contains('has-children')) {
          event.preventDefault();
          var active = document.querySelector('.menu-item.active');
          if (active && active !== item) {
            active.classList.remove('active');
            active.querySelector('.submenu').style.display = 'none';
          }
          var submenu = item.querySelector('.submenu');
          submenu.style.display = submenu.style.display === 'block' ? 'none' : 'block';
          item.classList.toggle('active');
        }
      });
    });

    document.addEventListener('click', function (event) {
      if (!event.target.closest('.menu-item')) {
        var submenus = document.querySelectorAll('.submenu');
        submenus.forEach(function (submenu) {
          submenu.style.display = 'none';
        });
        var activeItems = document.querySelectorAll('.menu-item.active');
        activeItems.forEach(function (item) {
          item.classList.remove('active');
        });
      }
    });

    
  });


  document.addEventListener('DOMContentLoaded', function() {
    const currencyForm = document.getElementById('currency_form');
    if (currencyForm) {
      const select = currencyForm.querySelector('select[name="currency"]');
      if (select) {
        select.addEventListener('change', function() {
          currencyForm.submit();
        });
      }
    }
  });
</script>


</div>
     <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
      <div id="shopify-section-product-template" class="shopify-section"><div class="product-template" data-section-id="product-template" data-section-type="product-template">
  <div class="container">
    <div class="product-layout">
      <!-- Product Information Column -->
      <div class="product-info-container">
        <div class="product-info sticky-column">
          
            <p class="product-vendor">ByJacobAlexander</p>
          
          <h1 class="product-title">The P1's</h1>

          
            <div class="product-description rte">
              <p>- 14oz White Cotton Canvas<br>- Exposed 5 button fly w/ engraved top button<br>- Semicircle front pockets<br>- Wide leg fit<br>- Red leather back tag<br>- Large back pockets </p>
<p> </p>
<p>Limited Quantity. <br>Pre-made, ready to ship. </p>
<p> </p>
<p><strong>WASH INSTRUCTIONS: </strong><br>- Turn inside out <br>- Wash Cold<br>- Tumble Dry / Air Dry, Low Heat</p>
<p> </p>
<p>Model is 6'3 wearing size M.</p>
            </div>
          
        </div>
      </div>

      <!-- Product Image Gallery Column -->
      <div class="product-gallery">
        
          <div class="product-images-large">
            
              <div class="product-image-large" data-image-id="36206668709922">
                <img
                  src="//byjacobalexander.com/cdn/shop/files/DSC02933.jpg?v=1755394063"
                  alt="The P1&#39;s"
                  data-product-image
                  data-image-id="36206668709922"
                  width="1200"
                  height="1200"
                >
              </div>
            
              <div class="product-image-large" data-image-id="36206672674850">
                <img
                  src="//byjacobalexander.com/cdn/shop/files/DSC02915.jpg?v=1755394134"
                  alt="The P1&#39;s"
                  data-product-image
                  data-image-id="36206672674850"
                  width="1200"
                  height="1200"
                >
              </div>
            
              <div class="product-image-large" data-image-id="36206673362978">
                <img
                  src="//byjacobalexander.com/cdn/shop/files/DSC02923.jpg?v=1755394147"
                  alt="The P1&#39;s"
                  data-product-image
                  data-image-id="36206673362978"
                  width="1200"
                  height="1200"
                >
              </div>
            
          </div>
        
      </div>

      <!-- Add to Cart Column -->
      <div class="product-form-container">
        <div class="product-form sticky-column">
          <div class="product-price">
            <span class="price-item price-item--regular" data-regular-price>
              $166.00
            </span>
          </div>
          <form method="post" action="/cart/add" id="AddToCartForm" accept-charset="UTF-8" class="form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
            <input type="hidden" name="id" data-product-select value="44117716238370">

            <div class="product-quantity">
              <label for="Quantity">Quantity</label>
              <div class="quantity-selector">
                <input
                  type="textfield"
                  id="Quantity"
                  name="quantity"
                  value="1"
                  min="1"
                  pattern="[0-9]*"
                  class="quantity-input"
                >
                <button type="button" class="quantity-btn quantity-down" aria-label="Decrease quantity">−</button>

                <button type="button" class="quantity-btn quantity-up" aria-label="Increase quantity">+</button>
              </div>
            </div>

            
              <div class="product-options">
                
                  <div class="product-option-wrapper" data-option-index="0">
                    <label class="option-label" for="Option1">
                      Size
                    </label>

                    <div class="size-options">
                      
                        
                        <label class="size-option selected ">
                          <input
                            type="radio"
                            name="options[Size]"
                            value="XS"
                            
                              checked="checked"
                            
                            
                            data-option-selector
                            data-index="option1"
                          >
                          <span class="size-label">XS</span>
                        </label>
                      
                        
                        <label class="size-option  ">
                          <input
                            type="radio"
                            name="options[Size]"
                            value="S"
                            
                            
                            data-option-selector
                            data-index="option1"
                          >
                          <span class="size-label">S</span>
                        </label>
                      
                        
                        <label class="size-option  ">
                          <input
                            type="radio"
                            name="options[Size]"
                            value="M"
                            
                            
                            data-option-selector
                            data-index="option1"
                          >
                          <span class="size-label">M</span>
                        </label>
                      
                        
                        <label class="size-option  ">
                          <input
                            type="radio"
                            name="options[Size]"
                            value="L"
                            
                            
                            data-option-selector
                            data-index="option1"
                          >
                          <span class="size-label">L</span>
                        </label>
                      
                    </div>
                  </div>
                
              </div>
            
            
            <div class="product-size-chart-container">
              <button name="size-chart-btn" id="chart-modal-activator" class="btn btn--full add-to-cart">
                <span>See Size Chart</span>
              </button>
            </div>
            

            <div class="product-submit">
              <button
                type="submit"
                name="add"
                class="btn btn--full add-to-cart"
                
              >
                <span data-add-to-cart-text>
                  
                    Add to cart
                  
                </span>
              </button>
            </div>
          <input type="hidden" name="product-id" value="8028811198498" /><input type="hidden" name="section-id" value="product-template" /></form>
        </div>
      </div>
    </div>
  </div>
  
<div id="size-chart-modal" class="size-chart-modal">
  <div class="size-chart-content">
    <button class="size-chart-close" id="chart-modal-close">&times;</button>
    <img 
      src="//byjacobalexander.com/cdn/shop/files/size_chart_trial.jpg?v=1755324191" 
      alt="Size Chart"
      height=""
      width=""
    />
  </div>
</div>

</div>

<style>
  .product-template {
  }

  .product-size-chart-container{
    margin-bottom: 1rem;
  }

  .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
  }

  .product-layout {
    display: flex;
    flex-wrap: wrap;
    min-height: 100vh;
  }

  /* Product Info */
  .product-info-container,
  .product-form-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
    position: sticky;
    top: 0;
  }

  .product-info {
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .product-title {
    font-size: 12px;
    margin-bottom: 10px;
    font-weight: 600 !important;
  }

  .product-vendor {
    font-size: 12px;
    margin-bottom: 15px;
  }

  .product-price {
    font-size: 12px;
  }

  .price-item--sale {
    color: #e32c2b;
    margin-left: 10px;
  }

  .product-description {
    margin-bottom: 30px;
    font-size: 12px;
  }

  /* Large Product Gallery Images */
  .product-gallery {
    margin-bottom: 30px;
  }

  .product-images-large {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }

  .product-image-large {
    width: 100%;
  }

  .product-image-large img {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
  }

  /* Sticky columns */
  .sticky-column {
    max-height: calc(100vh - 40px);
    overflow-y: auto;
  }

  /* Product Form */
  .product-form {
  }

  .product-quantity {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .product-quantity label {
    display: block;
    font-size: 12px;    
    text-transform: none;
    font-weight: bold;
  }

  .quantity-selector {
    display: flex;
    align-items: center;
    width: fit-content;
  }

  .quantity-btn {
    background: transparent;
    border: none;
    padding: 0.8rem;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .quantity-input {
    width: 32px;
    text-align: center;
    border: none;
    font-size: 12px;
  }

  .product-options {
    margin-bottom: 20px;
  }

  .option-label {
    display: block;
    font-size: 12px;
    font-weight: bold;
  }

  .size-options {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .size-option {
    position: relative;
    cursor: pointer;
    padding: 0.8rem;
  }

  .size-option input {
    position: absolute;
    opacity: 0;
  }

  .size-label {
    display: block;
    padding: 10px 0;
    text-align: center;
    border-bottom: 2px solid transparent;
    font-size: 12px;
  }

  .size-option.selected .size-label {
    border-bottom: 2px solid #000;
    font-weight: bold;
  }

  .size-option.unavailable .size-label {
    color: #ccc;
    text-decoration: line-through;
    cursor: not-allowed;
  }

  .add-to-cart {
    width: 100%;
    padding: 15px;
    background-color: #000;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    transition: background-color 0.3s;
    text-transform: none;
  }

  .add-to-cart:hover {
    background-color: #333;
  }

  .add-to-cart:disabled {
    background-color: #ccc;
    cursor: not-allowed;
  }


  .size-chart-modal {
    display: none; /* hidden by default */
    position: fixed;
    z-index: 10000;
    inset: 0; /* shorthand for top:0; right:0; bottom:0; left:0 */
    background-color: rgba(0,0,0,0.7);
    justify-content: center;
    align-items: center;
  }

  .size-chart-content {
    background: #fff;
    position: relative;
    padding: 10px;
    border-radius: 8px;
  }

  .size-chart-content img {
    width: 50vw;   /* 50% of viewport width */
    height: auto;  /* maintain aspect ratio */
  }

  .size-chart-close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: transparent;
    border: none;
    font-size: 24px;
    cursor: pointer;
  }

  /* Responsive Layout */
  @media screen and (min-width: 768px) {
    .product-layout {
      flex-wrap: nowrap;
      align-items: stretch;
    }

    .product-info-container,
    .product-form-container {
      width: 25%;
    }

    .product-gallery {
      width: 50%;
      padding: 0 20px;
      align-self: flex-start;
    }
  }

  /* Tablet Layout */
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .product-layout {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: repeat(10, 1fr);
      gap: 30px;
    }

    .product-info-container,
    .product-form-container {
      width: 100%;
      height: fit-content;
    }
    
    .product-info-container {
      position: relative;
    }
    
    .product-form-container {
      position: sticky;
      top: 52px;
    }

    .product-gallery {
      width: 100%;
      grid-column: 1;
      grid-row: 1 / -1;
      padding-right: 20px;
    }

    .product-info-container {
      grid-column: 2;
      grid-row: 1;
    }

    .product-form-container {
      grid-column: 2;
      grid-row: 2;
    }

    .product-info-container .sticky-column {
      position: relative;
      max-height: none;
      overflow-y: visible;
    }
    
    .product-form-container .sticky-column {
      position: sticky;
      max-height: calc(100vh - 40px);
      overflow-y: auto;
    }
  }

  @media screen and (min-width: 1024px) {
    .product-info-container {
      order: 1;
      padding-right: 20px;
    }

    .product-gallery {
      order: 2;
    }

    .product-form-container {
      order: 3;
      padding-left: 20px;
      margin-top: 0;
    }
  }

  @media screen and (max-width: 767px) {
    .product-info-container,
    .product-gallery,
    .product-form-container {
      width: 100%;
    }

    .sticky-column {
      position: relative;
      top: 0;
    }

    .product-gallery {
      order: 1;
    }

    .product-info-container {
      order: 2;
      height: fit-content;
    }

    .product-form-container {
      order: 3;
      height: fit-content;
    }
  }
</style>


<script>
  document.addEventListener('DOMContentLoaded', function () {
    // Quantity selector
    const quantityUp = document.querySelector('.quantity-up');
    const quantityDown = document.querySelector('.quantity-down');
    const quantityInput = document.querySelector('.quantity-input');

    if (quantityUp && quantityDown && quantityInput) {
      quantityUp.addEventListener('click', function () {
        const currentValue = parseInt(quantityInput.value, 10);
        quantityInput.value = currentValue + 1;
      });

      quantityDown.addEventListener('click', function () {
        const currentValue = parseInt(quantityInput.value, 10);
        if (currentValue > 1) {
          quantityInput.value = currentValue - 1;
        }
      });
    }

    // Size options
    const sizeOptions = document.querySelectorAll('.size-option input');
    sizeOptions.forEach((option) => {
      option.addEventListener('change', function () {
        const selectedOption = this.closest('.size-option');
        const allOptions = this.closest('.size-options').querySelectorAll('.size-option');

        allOptions.forEach((opt) => {
          opt.classList.remove('selected');
        });

        if (this.checked) {
          selectedOption.classList.add('selected');
        }
      });
    });


    //size chart popup
    const modal = document.getElementById('size-chart-modal');
    const openBtn = document.getElementById('chart-modal-activator');
    const closeBtn = document.getElementById('chart-modal-close');

    if (openBtn && modal && closeBtn) {
      openBtn.addEventListener('click', function (e) {
        e.preventDefault();
        modal.style.display = 'flex'; // show modal
      });

      closeBtn.addEventListener('click', function () {
        modal.style.display = 'none'; // hide modal
      });

      // Optional: close when clicking outside content
      modal.addEventListener('click', function (e) {
        if (e.target === modal) {
          modal.style.display = 'none';
        }
      });
    }

    const productData = {"id":8028811198498,"title":"The P1's","handle":"the-p1s","description":"\u003cp\u003e- 14oz White Cotton Canvas\u003cbr\u003e- Exposed 5 button fly w\/ engraved top button\u003cbr\u003e- Semicircle front pockets\u003cbr\u003e- Wide leg fit\u003cbr\u003e- Red leather back tag\u003cbr\u003e- Large back pockets \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eLimited Quantity. \u003cbr\u003ePre-made, ready to ship. \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eWASH INSTRUCTIONS: \u003c\/strong\u003e\u003cbr\u003e- Turn inside out \u003cbr\u003e- Wash Cold\u003cbr\u003e- Tumble Dry \/ Air Dry, Low Heat\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eModel is 6'3 wearing size M.\u003c\/p\u003e","published_at":"2025-08-01T17:00:33-07:00","created_at":"2025-08-01T17:00:29-07:00","vendor":"ByJacobAlexander","type":"","tags":[],"price":16600,"price_min":16600,"price_max":16600,"available":true,"price_varies":false,"compare_at_price":0,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":44117716238370,"title":"XS","option1":"XS","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"The P1's - XS","public_title":"XS","options":["XS"],"price":16600,"weight":454,"compare_at_price":0,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":44117716271138,"title":"S","option1":"S","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"The P1's - S","public_title":"S","options":["S"],"price":16600,"weight":454,"compare_at_price":0,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":44117716303906,"title":"M","option1":"M","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"The P1's - M","public_title":"M","options":["M"],"price":16600,"weight":454,"compare_at_price":0,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":44117716336674,"title":"L","option1":"L","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"The P1's - L","public_title":"L","options":["L"],"price":16600,"weight":454,"compare_at_price":0,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/byjacobalexander.com\/cdn\/shop\/files\/DSC02933.jpg?v=1755394063","\/\/byjacobalexander.com\/cdn\/shop\/files\/DSC02915.jpg?v=1755394134","\/\/byjacobalexander.com\/cdn\/shop\/files\/DSC02923.jpg?v=1755394147"],"featured_image":"\/\/byjacobalexander.com\/cdn\/shop\/files\/DSC02933.jpg?v=1755394063","options":["Size"],"media":[{"alt":null,"id":27838697963554,"position":1,"preview_image":{"aspect_ratio":0.667,"height":5256,"width":3504,"src":"\/\/byjacobalexander.com\/cdn\/shop\/files\/DSC02933.jpg?v=1755394063"},"aspect_ratio":0.667,"height":5256,"media_type":"image","src":"\/\/byjacobalexander.com\/cdn\/shop\/files\/DSC02933.jpg?v=1755394063","width":3504},{"alt":null,"id":27838701240354,"position":2,"preview_image":{"aspect_ratio":0.667,"height":5256,"width":3504,"src":"\/\/byjacobalexander.com\/cdn\/shop\/files\/DSC02915.jpg?v=1755394134"},"aspect_ratio":0.667,"height":5256,"media_type":"image","src":"\/\/byjacobalexander.com\/cdn\/shop\/files\/DSC02915.jpg?v=1755394134","width":3504},{"alt":null,"id":27838701928482,"position":3,"preview_image":{"aspect_ratio":0.667,"height":5256,"width":3504,"src":"\/\/byjacobalexander.com\/cdn\/shop\/files\/DSC02923.jpg?v=1755394147"},"aspect_ratio":0.667,"height":5256,"media_type":"image","src":"\/\/byjacobalexander.com\/cdn\/shop\/files\/DSC02923.jpg?v=1755394147","width":3504}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003e- 14oz White Cotton Canvas\u003cbr\u003e- Exposed 5 button fly w\/ engraved top button\u003cbr\u003e- Semicircle front pockets\u003cbr\u003e- Wide leg fit\u003cbr\u003e- Red leather back tag\u003cbr\u003e- Large back pockets \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eLimited Quantity. \u003cbr\u003ePre-made, ready to ship. \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eWASH INSTRUCTIONS: \u003c\/strong\u003e\u003cbr\u003e- Turn inside out \u003cbr\u003e- Wash Cold\u003cbr\u003e- Tumble Dry \/ Air Dry, Low Heat\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eModel is 6'3 wearing size M.\u003c\/p\u003e"};
  const optionInputs = document.querySelectorAll('[data-option-selector]');
  const variantInput = document.querySelector('input[name="id"][data-product-select]');

  function updateVariantId() {
    const selectedOptions = [];
    document.querySelectorAll('[data-option-selector]:checked').forEach((input) => {
      selectedOptions.push(input.value);
    });

    // Find matching variant
    const matchedVariant = productData.variants.find(variant => {
      return JSON.stringify(variant.options) === JSON.stringify(selectedOptions);
    });

    if (matchedVariant) {
      variantInput.value = matchedVariant.id;

      // Update price
      const priceEl = document.querySelector('[data-regular-price]');
      if (priceEl) priceEl.textContent = Shopify.formatMoney(matchedVariant.price, "${{amount}}");

      // Enable/disable ATC
      const atcBtn = document.querySelector('[name="add"]');
      if (matchedVariant.available) {
        atcBtn.disabled = false;
        atcBtn.querySelector('[data-add-to-cart-text]').textContent = "Add to cart";
      } else {
        atcBtn.disabled = true;
        atcBtn.querySelector('[data-add-to-cart-text]').textContent = "Sold Out";
      }
    }
  }

  optionInputs.forEach(input => {
    input.addEventListener('change', updateVariantId);
  });

  // Run once on load
  updateVariantId();
  });
</script>
</div>

<div id="shopify-section-featured-collection" class="shopify-section">
<section id="featured-collection">
  <style>
    .collections-grid {
      margin-bottom: 60px;
    }
    .collection-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 20px;
    }
    .collection-info {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
    }
    .collection-info h2 {
      margin: 0;
      font-size: 10px;
    }
    .collection-info .product-count {
      font-size: 12px;
      opacity: 0.7;
      margin-bottom: 5px;
      margin-right: 70px;
    }
    .view-all-btn {
      padding: 8px 15px;
      border-radius: 4px;
      text-decoration: none;
      font-size: 12px;
    }
    .products-row {
      display: flex;
      margin-bottom: 15px;
      flex-wrap: nowrap;
    }
    .collection-link {
      display: block;
      text-decoration: none;
      color: inherit;
      padding: 20px;
    }
    .product-card {
      text-align: center;
      flex: 0 0 200px;
      width: 200px;
    }
    .product-card img {
      max-width: 100%;
      height: auto;
      margin-bottom: 10px;
      border-radius: 4px;
      width: 200px;
      height: 200px;
    }
    .no-collections {
      text-align: center;
      padding: 40px 0;
      font-size: 18px;
    }
    .no-products {
      grid-column: span 4;
      text-align: center;
      padding: 30px 0;
    }
  </style>

  <div class="collections">
    
      <div class="no-collections">No collections selected.</div>
    
  </div>
</section>


</div>

    </main>
    <div id="shopify-section-footer" class="shopify-section"><style>
  @media (max-width: 500px) {
    .footer-nav {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 1rem;
      margin-top: 0.6rem;
    }
    .footer-nav a{
    font-size: 16px;
    
    }
    .footer-nav a:not(:last-child) {
      margin-bottom: 0.5rem;
    }
  }
  @media (min-width: 501px) {
    .footer-nav {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      margin-bottom: 0.5rem;
      margin-top: 0.6rem;
    }
    .footer-nav a{
      font-size: 15px;
    
    }
    .footer-nav a:not(:last-child) {
      margin-right: 0.7rem;
    }
  }
  .jfw{
    margin: 5px 0 16px;
  }
  
    .jfw a{
    color: transparent !important;
  }
  
</style>
<div class="page-width">
  <div class="footer-nav">
    
      <div class="policies footer-nav"><a href="/policies/privacy-policy">Privacy policy</a></div>
    
  </div>
</div>

<div class="copyright">
  <small style="margin: 9px 0;" class="copyright__content"> &copy; 2025, <a href="/" title="">ByJacobAlexander</a></small>
  <small class="copyright__content jfw">
     <a href="https://www.instagram.com/jetfuelwebsite">Created by @JETFUELWEBSITE </a> 
  </small>
</div>


</div>

    
<script>
  document.addEventListener('DOMContentLoaded', function() {
    if (window.location.pathname === '/search') {
      window.location.href = '/collections/all';
    }
  });
</script>
  <style> .page-width {max-width: 100%; width: 1400px; margin: 0 auto;} .header-wrapper {font-size: 0.75rem; margin-bottom: 1rem;} .cart__submit-btn {font-size: 1rem; font-weight: bold !important;} .page-title {font-size: 1.5rem;} .shopify-policy__title {margin-top: 3rem;} .shopify-policy__title h1 {font-size: 1.5rem;} .no-collections {display: none;} .product-list__product-img{object-fit: inherit} </style>
</body>
</html>