1<!doctype html> 2<html class="no-js" lang="en"> 3 <head> 4 <!-- 5Elevar Data Layer V2 6 7This file is automatically updated and should not be edited directly. 8 9https://knowledge.getelevar.com/how-to-customize-data-layer-version-2 10 11Updated: 2022-08-29 04:00:01+00:00 12Version: 2.38.0 13--> 14<!-- Google Tag Manager -->
15<script> 16 window.dataLayer = window.dataLayer || []; 17</script>
vendor: 1 bytes, line 17
17
18<script>
vendor: 334 bytes, lines 18-23
18 19(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({"gtm.start": 20 new Date().getTime(),event:"gtm.js"});var f=d.getElementsByTagName(s)[0], 21 j=d.createElement(s),dl=l!="dataLayer"?"&l="+l:"";j.async=true;j.src= 22 "https://www.googletagmanager.com/gtm.js?id="+i+dl;f.parentNode.insertBefore(j,f); 23})(window,document,"script","dataLayer","
23GTM-5HCR8NZ
vendor: 4 bytes, line 23
23");
24</script>
24 25<!-- End Google Tag Manager -->
26<script id="elevar-gtm-suite-config" type="application/json">{"gtm_id": "GTM-5HCR8NZ", "event_config": {"cart_reconcile": true, "cart_view": true, "checkout_complete": true, "checkout_step": true, "collection_view": true, "product_add_to_cart": false, "product_add_to_cart_ajax": true, "product_remove_from_cart": true, "product_select": true, "product_view": true, "search_results_view": true, "user": true, "save_order_notes": true}, "gtm_suite_script": "https://shopify-gtm-suite.getelevar.com/shops/91a275245b022f553e9caa08e73b3c8f947bb641/2.38.0/gtm-suite.js", "consent_enabled": false}</script>
26 27 28<meta charset="utf-8"> 29 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 30 <meta name="viewport" content="width=device-width,initial-scale=1"> 31 <link rel="canonical" href="https://katnookestate.com.au/collections/our-wines"> 32 <link 33 rel="preconnect" 34 href="https://cdn.shopify.com" 35 crossorigin>
35<script src="//katnookestate.com.au/cdn/shop/t/31/assets/lazysizes.js?v=56805471290311245611790041853" async=""></script>
35 36 37 38 39 40 <link rel="apple-touch-icon" sizes="57x57" href="//katnookestate.com.au/cdn/shop/files/favicon_57x57.png?v=1688525213"> 41<link rel="apple-touch-icon" sizes="60x60" href="//katnookestate.com.au/cdn/shop/files/favicon_60x60.png?v=1688525213"> 42<link rel="apple-touch-icon" sizes="72x72" href="//katnookestate.com.au/cdn/shop/files/favicon_72x72.png?v=1688525213"> 43<link rel="apple-touch-icon" sizes="76x76" href="//katnookestate.com.au/cdn/shop/files/favicon_76x76.png?v=1688525213"> 44<link rel="apple-touch-icon" sizes="114x114" href="//katnookestate.com.au/cdn/shop/files/favicon_114x114.png?v=1688525213"> 45<link rel="apple-touch-icon" sizes="120x120" href="//katnookestate.com.au/cdn/shop/files/favicon_120x120.png?v=1688525213"> 46<link rel="apple-touch-icon" sizes="144x144" href="//katnookestate.com.au/cdn/shop/files/favicon_144x144.png?v=1688525213"> 47<link rel="apple-touch-icon" sizes="152x152" href="//katnookestate.com.au/cdn/shop/files/favicon_152x152.png?v=1688525213"> 48<link rel="apple-touch-icon" sizes="180x180" href="//katnookestate.com.au/cdn/shop/files/favicon_180x180.png?v=1688525213"> 49<link rel="icon" type="image/png" sizes="192x192" href="//katnookestate.com.au/cdn/shop/files/favicon_192x192.png?v=1688525213"> 50<link rel="icon" type="image/png" sizes="32x32" href="//katnookestate.com.au/cdn/shop/files/favicon_32x32.png?v=1688525213"> 51<link rel="icon" type="image/png" sizes="96x96" href="//katnookestate.com.au/cdn/shop/files/favicon_96x96.png?v=1688525213"> 52<link rel="icon" type="image/png" sizes="16x16" href="//katnookestate.com.au/cdn/shop/files/favicon_16x16.png?v=1688525213"> 53<meta name="msapplication-TileImage" content="//katnookestate.com.au/cdn/shop/files/favicon_144x144.png?v=1688525213"> 54 55 <title> 56 57 Our Wines | The Best of Coonawarra | Katnook Estate Wines 58 59</title><meta name="description" content="Indulge in the unique taste of Katnook Estate's premium wines. From Shiraz to Cabernet Sauvignon, savour the taste of excellence with every pour. Shop now."><meta name="theme-color" content="#000000"> 60 <meta name="msapplication-TileColor" content="#000000"> 61 62 63 64 65<meta property="og:site_name" content="Katnook Estate"> 66<meta property="og:url" content="https://katnookestate.com.au/collections/our-wines"> 67<meta property="og:title" content="Our Wines | The Best of Coonawarra | Katnook Estate Wines"> 68<meta property="og:type" content="website"> 69<meta property="og:description" content="Indulge in the unique taste of Katnook Estate's premium wines. From Shiraz to Cabernet Sauvignon, savour the taste of excellence with every pour. Shop now."><meta property="og:image" content="http://katnookestate.com.au/cdn/shop/files/KatnookEstate_Roundel_RGB_SimCopperBlackBG.png?v=1724371602"> 70 <meta property="og:image:secure_url" content="https://katnookestate.com.au/cdn/shop/files/KatnookEstate_Roundel_RGB_SimCopperBlackBG.png?v=1724371602"> 71 <meta property="og:image:width" content="3509"> 72 <meta property="og:image:height" content="2482"><meta name="twitter:card" content="summary_large_image"> 73<meta name="twitter:title" content="Our Wines | The Best of Coonawarra | Katnook Estate Wines"> 74<meta name="twitter:description" content="Indulge in the unique taste of Katnook Estate's premium wines. From Shiraz to Cabernet Sauvignon, savour the taste of excellence with every pour. Shop now."> 75 76
76<script> 77 window.cartCurrency = "AUD"; 78 </script>
78 79 80
80<script src="//katnookestate.com.au/cdn/shop/t/31/assets/theme.vendors.js?v=146575557286767306741790041894" defer></script>
80 81
81<script src="//katnookestate.com.au/cdn/shop/t/31/assets/theme.js?v=19823436610803675431790041894" defer></script>
81 82 83
83<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
83<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/70969131309/digital_wallets/dialog"> 84<meta id="in-context-paypal-metadata" data-shop-id="70969131309" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="AUD"> 85<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/our-wines.atom" /> 86<link rel="alternate" type="application/json+oembed" href="https://katnookestate.com.au/collections/our-wines.oembed">
87<script async="async" src="/checkouts/internal/preloads.js?locale=en-AU&default_configuration_id=6324525"></script>
vendor: 1 bytes, line 87
87
88<script id="shopify-features" type="application/json">{"accessToken":"8eafe27b340e7531c087badcb57d9b41","betas":["rich-media-storefront-analytics"],"domain":"katnookestate.com.au","predictiveSearch":true,"shopId":70969131309,"locale":"en"}</script>
vendor: 1 bytes, line 88
88
89<script>var Shopify = Shopify || {}; 90Shopify.shop = "katnook-estate.myshopify.com"; 91Shopify.locale = "en"; 92Shopify.currency = {"active":"AUD","rate":"1.0"}; 93Shopify.country = "AU"; 94Shopify.theme = {"name":"Branded Store Astro V9.19.1 - Katnook [22092026]","id":182928376109,"schema_name":"Astro","schema_version":"9.19.1 release_2026-19","theme_store_id":null,"role":"main"}; 95Shopify.theme.handle = "null"; 96Shopify.theme.style = {"id":null,"handle":null}; 97Shopify.cdnHost = "katnookestate.com.au/cdn"; 98Shopify.routes = Shopify.routes || {}; 99Shopify.routes.root = "/"; 100Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 101Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 102Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 103Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 103
103
104<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 104
104
105<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>
vendor: 1 bytes, line 105
105
106<script> 107 window.Shopify = window.Shopify || {}; 108 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 109 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 110 window.Shopify.SignInWithShop.eligible = true; 111</script>
vendor: 1 bytes, line 111
111
112<script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script>
vendor: 1 bytes, line 112
112
113<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 113
113
114<script type="module"> 115 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 116 117 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 118 119</script>
vendor: 1 bytes, line 119
119
120<script> 121 window.Shopify = window.Shopify || {}; 122 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 123 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 124</script>
vendor: 1 bytes, line 124
124
125<script id="__st">var __st={"a":70969131309,"offset":36000,"reqid":"694f27eb-01c7-4d3f-9573-de92fc25ab01-1790428745","pageurl":"katnookestate.com.au\/collections\/our-wines","u":"a24f182fd387","p":"collection","rtyp":"collection","rid":442661699885};</script>
vendor: 1 bytes, line 125
125
126<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 126
126
127<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 127
127
128<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//katnookestate.com.au/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 128
128
129<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//katnookestate.com.au/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
129<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 129
129
130<script> 131 window.Shopify = window.Shopify || {}; 132 window.Shopify.MCP = window.Shopify.MCP || {}; 133 window.Shopify.MCP.enabled = true; 134 window.Shopify.MCP.shop = "katnook-estate.myshopify.com"; 135 window.Shopify.MCP.mcpEndpoint = "https:\/\/katnookestate.com.au\/api\/mcp"; 136 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 137</script>
vendor: 1 bytes, line 137
137
138<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/katnookestate.com.au\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 139</script>
vendor: 1 bytes, line 139
139
140<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://katnookestate.com.au/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 141</script>
vendor: 1 bytes, line 141
141
142<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 143 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); 144</script>
vendor: 1 bytes, line 144
144
145<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})}})); 146</script>
146 147<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://katnookestate.com.au/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 148<style id="shopify-accelerated-checkout-cart"> 149 #shopify-buyer-consent { 150 margin-top: 1em; 151 display: inline-block; 152 width: 100%; 153} 154 155#shopify-buyer-consent.hidden { 156 display: none; 157} 158 159#shopify-subscription-policy-button { 160 background: none; 161 border: none; 162 padding: 0; 163 text-decoration: underline; 164 font-size: inherit; 165 cursor: pointer; 166} 167 168#shopify-subscription-policy-button::before { 169 box-shadow: none; 170} 171 172 </style> 173
174<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
174 175 176 <link href="//katnookestate.com.au/cdn/shop/t/31/assets/theme.css?v=183132171154967258781790041894" rel="stylesheet" type="text/css" media="all" /> 177 178 <style data-shopify> 179 .menu-list-item:hover>.menu-link { 180 text-decoration-color: #bb8356; 181 } 182 183 .megamenu { 184 background-color: #ffffff; 185 } 186 187 @media (max-width: 1023px) { 188 .navigation-menu { 189 background-color: #ffffff; 190 } 191 } 192 193 @media (max-width: 1023px) { 194 .navigation-menu .menu-link { 195 color: #000000; 196 } 197 } 198 199 .megamenu .menu-link--level1 { 200 color: #bb8356; 201 font-size: 14px; 202 text-transform: capitalize; 203 } 204 205 .megamenu .menu-link--level2 { 206 color: #000000; 207 font-size: 14px; 208 } 209 210 .megamenu .menu-link--level3 { 211 color: #000000; 212 font-size: 12px; 213 } 214 215 .logo-image-header img { 216 width: 180px; 217 height: auto; 218 } 219 220 .logo-image-footer img { 221 width: 300px; 222 height: auto; 223 } 224 225 @media (max-width: 1023px) { 226 .menu-list-item .cta-button { 227 color: #bb8356; 228 } 229 } 230</style> 231 232 <style data-shopify> 233 .otp input { 234 color: #ffffff !important; 235 border-color: #ffffff !important; 236 } 237 238 .age-qualifier__title { 239 color: #000000; 240 } 241 242 .age-qualifier__tagline { 243 color: #000000; 244 } 245 246 .age-qualifier__description { 247 color: #000000; 248 } 249</style> 250 251 <style data-shopify> 252 @font-face { 253 font-family: 'Inter'; 254 src: url('//katnookestate.com.au/cdn/shop/files/Inter.woff2?v=106476382242342006') format('woff2'), 255 url('//katnookestate.com.au/cdn/shop/files/Inter.woff?v=2570466461295126821') format('woff'); 256 font-weight: normal; 257 font-style: normal; 258 font-display: swap; 259} 260 261@font-face { 262 font-family: 'ElseNPLStd'; 263 src: url('//katnookestate.com.au/cdn/shop/files/ElseNPLStd.woff2?v=8062934444818590098') format('woff2'), 264 url('//katnookestate.com.au/cdn/shop/files/ElseNPLStd.woff?v=18199751983001425001') format('woff'); 265 font-weight: 600; 266 font-style: normal; 267 font-display: swap; 268} 269 270 :root { 271 --heading-font: 'ElseNPLStd', sans-serif; 272 --body-font: 'Inter', sans-serif; 273 } 274 275 h1, h2, h3, h4, h5, h6, 276 .h1, .h2, .h3, .h4, .h5, .h6 { 277 word-break: break-word; 278 } 279 280 h1, 281 .h1 { 282 font-family: var(--heading-font); 283 font-style: normal; 284 font-weight: 600; 285 font-size: 64px; 286 line-height: 1; 287 } 288 289 @media (max-width: 640px) { 290 h1, 291 .h1 { 292 font-size: 48px; 293 line-height: 62px; 294 } 295 } 296 297 h2, 298 .h2 { 299 font-family: var(--heading-font); 300 font-style: normal; 301 font-weight: 600; 302 font-size: 40px; 303 line-height: 48px; 304 } 305 306 @media (max-width: 640px) { 307 h2, 308 .h2 { 309 font-size: 32px; 310 line-height: 38px; 311 } 312 } 313 314 h3, 315 .h3, 316 .customer__title, 317 .account__title { 318 font-family: var(--heading-font); 319 font-style: normal; 320 font-weight: 600; 321 font-size: 32px; 322 line-height: 38px; 323 } 324 325 @media (max-width: 640px) { 326 h3, 327 .h3, 328 .customer__title, 329 .account__title { 330 font-size: 24px; 331 line-height: 31px; 332 } 333 } 334 335 h4, 336 .h4 { 337 font-family: var(--heading-font); 338 font-style: normal; 339 font-weight: 600; 340 font-size: 24px; 341 line-height: 31px; 342 } 343 344 h5, 345 .h5 { 346 font-family: var(--heading-font); 347 font-style: normal; 348 font-weight: 600; 349 font-size: 20px; 350 line-height: 26px; 351 } 352 353 .subheading { 354 font-family: var(--body-font), sans-serif; 355 font-style: normal; 356 font-weight: 300; 357 font-size: 18px; 358 line-height: 16px; 359 letter-spacing: 1px; 360 text-transform: uppercase; 361 } 362 363 .small-subheading { 364 font-family: var(--body-font), sans-serif; 365 font-style: normal; 366 font-weight: 300; 367 font-size: 8px; 368 line-height: 16px; 369 letter-spacing: 1px; 370 text-transform: uppercase; 371 } 372 373 .nav_link { 374 font-family: var(--body-font); 375 font-style: normal; 376 font-weight: 300; 377 font-size: 16px; 378 line-height: 20px; 379 } 380 381 body { 382 font-family: var(--body-font); 383 } 384 385 .body-1 { 386 font-family: var(--body-font); 387 font-style: normal; 388 font-weight: 300; 389 font-size: 24px; 390 line-height: 30px; 391 letter-spacing: 1px; 392 } 393 394 .body-1b { 395 font-family: var(--body-font); 396 font-style: normal; 397 font-weight: 700; 398 font-size: 24px; 399 line-height: 31px; 400 letter-spacing: 1px; 401 } 402 403 .body-2 { 404 font-family: var(--body-font); 405 font-style: normal; 406 font-weight: 300; 407 font-size: 20px; 408 line-height: 24px; 409 letter-spacing: 1px; 410 } 411 412 .body-2b { 413 font-family: var(--body-font); 414 font-style: normal; 415 font-weight: 700; 416 font-size: 20px; 417 line-height: 24px; 418 letter-spacing: 1px; 419 } 420 421 @media (max-width: 640px) { 422 .body-2 { 423 font-size: 18px; 424 } 425 } 426 427 .body-3 { 428 font-family: var(--body-font); 429 font-style: normal; 430 font-weight: 300; 431 font-size: 16px; 432 line-height: 19px; 433 } 434 435 .body-3b { 436 font-family: var(--body-font); 437 font-style: normal; 438 font-weight: 700; 439 font-size: 16px; 440 line-height: 19px; 441 } 442 443 .body-4 { 444 font-family: var(--body-font); 445 font-style: normal; 446 font-weight: 300; 447 font-size: 14px; 448 line-height: 17px; 449 letter-spacing: 1px; 450 } 451 452 .body-4b { 453 font-family: var(--body-font); 454 font-style: normal; 455 font-weight: 700; 456 font-size: 14px; 457 line-height: 17px; 458 letter-spacing: 1px; 459 } 460 461 .body-5 { 462 font-family: var(--body-font); 463 font-style: normal; 464 font-weight: 300; 465 font-size: 10px; 466 line-height: 12px; 467 letter-spacing: 1px; 468 } 469 470 .body-5b { 471 font-family: var(--body-font); 472 font-style: normal; 473 font-weight: 700; 474 font-size: 10px; 475 line-height: 12px; 476 letter-spacing: 1px; 477 } 478 479 /* If no body-6 style, use as 'button text' style */ 480 .body-6 { 481 font-family: var(--heading-font); 482 font-style: normal; 483 font-weight: 600; 484 font-size: 14px; 485 line-height: 16px; 486 letter-spacing: 1px; 487 } 488 489 .body-6b { 490 font-family: var(--heading-font); 491 font-style: normal; 492 font-weight: 700; 493 font-size: 14px; 494 line-height: 16px; 495 letter-spacing: 1px; 496 } 497 498 .button, .button--secondary, .button--dark, .button--small, .link, .link--dark { 499 font-family: var(--heading-font), sans-serif; 500 font-weight: 600; 501 } 502</style> 503 504 <style data-shopify> 505 :root { 506 --img-aspect-ratio-padding: 100%; 507 --primary-color: #000000; 508 --secondary-color: #bb8356; 509 --tertiary-color: #262626; 510 --accent-color: rgba(0,0,0,0); 511 --error-color: #93252f; 512 --background-color: #ffffff; 513 --custom-1-color: rgba(0,0,0,0); 514 --custom-2-color: rgba(0,0,0,0); 515 --custom-3-color: rgba(0,0,0,0); 516 --custom-4-color: rgba(0,0,0,0); 517 --custom-5-color: rgba(0,0,0,0); 518 --header-height: 110px; 519 } 520</style> 521 522 <style data-shopify> 523 .button, 524 .shopify-challenge__button { 525 background-image: radial-gradient(rgba(187, 131, 86, 1), rgba(187, 131, 86, 1) 100%); 526 color: #000000; 527 font-size: 14px; 528 border-color: #000000; 529 border-width: 0px; 530 padding: 16px 24px; 531 letter-spacing: 1px; 532 533 534 text-transform: uppercase; 535 536 537 text-decoration: none; 538 text-align: center; 539 540 } 541 542 .button:hover:not([disabled]), 543 .shopify-challenge__button:hover { 544 background-image: linear-gradient(0deg, rgba(187, 131, 86, 1), rgba(187, 131, 86, 1) 100%); 545 color: #000000; 546 border-color: rgba(0,0,0,0); 547 548 box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); 549 550 } 551 552 .button--secondary { 553 background-color: rgba(0,0,0,0); 554 color: #3d3734; 555 font-size: 16px; 556 border-color: #3d3734; 557 border-width: 2px; 558 padding: 16px 24px; 559 letter-spacing: 1px; 560 561 562 text-transform: uppercase; 563 564 565 } 566 567 .button--secondary:hover:not([disabled]) { 568 background-image: linear-gradient(180deg, rgba(61, 55, 52, 1), rgba(61, 55, 52, 1) 100%); 569 color: #ffffff; 570 border-color: #3d3734; 571 border-image: none; 572 573 box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); 574 575 } 576 577 .button--dark { 578 background-color: ; 579 color: #ffffff; 580 font-size: 14px; 581 border-color: #ffffff; 582 border-width: 2px; 583 padding: 16px 24px; 584 letter-spacing: 1px; 585 586 587 text-transform: uppercase; 588 589 590 } 591 592 .button--dark:hover:not([disabled]) { 593 background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 100%); 594 color: #000000; 595 border-color: #ffffff; 596 border-image: none; 597 598 box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); 599 600 } 601 602 .button--small { 603 background-image: linear-gradient(255deg, rgba(187, 131, 86, 1), rgba(187, 131, 86, 1) 9%); 604 color: #000000; 605 font-size: 14px; 606 border-color: rgba(0,0,0,0); 607 border-width: 0px; 608 padding: 9px 24px; 609 letter-spacing: 1px; 610 611 612 text-transform: uppercase; 613 614 615 min-height: 36px; 616 white-space: nowrap; 617 } 618 619 .button--small:hover:not([disabled]) { 620 background-image: linear-gradient(54deg, rgba(187, 131, 86, 1) 14%, rgba(187, 131, 86, 1) 85%); 621 color: #000000; 622 border-color: rgba(0,0,0,0); 623 624 box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); 625 626 } 627 628 button[disabled], 629 .button[disabled] { 630 opacity: .25; 631 } 632 633 .link { 634 position: relative; 635 -webkit-text-fill-color: transparent; 636 background-image: linear-gradient(180deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1) 100%); 637 -webkit-background-clip: text; 638 font-size: 16px; 639 border: solid 1px transparent; 640 border-bottom: none; 641 letter-spacing: 1px; 642 643 text-transform: uppercase; 644 645 text-decoration: none; 646 padding-bottom: 2px; 647 } 648 649 .link:after { 650 content: ""; 651 position: absolute; 652 bottom: 0; 653 left: 0; 654 right: 0; 655 height: 1px; 656 transition: padding-bottom 0.5s ease; 657 background: -webkit-linear-gradient(180deg, rgba(187, 131, 86, 1), rgba(187, 131, 86, 1) 100%); 658 } 659 660 .link--dark { 661 position: relative; 662 -webkit-text-fill-color: transparent; 663 background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 100%); 664 -webkit-background-clip: text; 665 font-size: 16px; 666 border: solid 1px transparent; 667 border-bottom: none; 668 letter-spacing: 1px; 669 670 text-transform: uppercase; 671 672 text-decoration: none; 673 padding-bottom: 2px; 674 } 675 676 .link--dark:after { 677 content: ""; 678 position: absolute; 679 bottom: 0; 680 left: 0; 681 right: 0; 682 height: 1px; 683 transition: padding-bottom 0.5s ease; 684 background: -webkit-linear-gradient(270deg, rgba(187, 131, 86, 1), rgba(187, 131, 86, 1) 100%); 685 } 686 687 .link:hover { 688 padding-bottom: 6px; 689 } 690 691 .link--dark:hover { 692 padding-bottom: 6px; 693 } 694</style> 695 696 <style data-shopify> 697 .minicart { 698 background-color: #ffffff; 699 color: #000000; 700 } 701 702 .minicart .price--old { 703 color: #000000; 704 } 705 706 .minicart__pipe { 707 color: #000000 !important; 708 } 709 710 .minicart .price--sale { 711 -webkit-text-fill-color: transparent; 712 background-image: linear-gradient(180deg, rgba(207, 9, 9, 1), rgba(255, 255, 255, 1) 99%); 713 -webkit-background-clip: text; 714 } 715 716 .minicart .quantity__button { 717 background-color: #bb8356; 718 } 719 720 input[type=number] { 721 -moz-appearance:textfield; 722 } 723</style> 724 725 <style data-shopify> 726 .price--sale { 727 color: #bb8356; 728 } 729</style> 730 731 <style data-shopify> 732 .field--checkbox { 733 display: flex; 734 align-items: center; 735 } 736 737 .field label, .cf-field label { 738 font-size: 20px; 739 color: #000000; 740 margin-bottom: 0px; 741 letter-spacing: 1px; 742 display: block; 743 } 744
745 .field--error label, .field--error input::placeholder, .cf-field[data-cf-invalid=true]:not([data-cf-field-type=repeating_group]) label, .cf-field-errors div { 746 color: var(--error-color) !important; 747 } 748 749 .cf-field-errors div { 750 text-align: right; 751 letter-spacing: 1px; 752 } 753 754 .field--error input, .cf-field[data-cf-invalid=true]:not([data-cf-field-type=repeating_group]) input { 755 border-color: var(--error-color); 756 } 757 758 759 [type='text'], 760 [type='email'], 761 [type='url'], 762 [type='password'], 763 [type='number'], 764 [type='date'], 765 [type='datetime-local'], 766 [type='month'], 767 [type='search'], 768 [type='tel'], 769 [type='time'], 770 [type='week'], 771 [multiple], 772 textarea, 773 select { 774 appearance: none; 775 background-color: ; 776 color: #000000; 777 border-color: #000000; 778 border-width: thin; 779 780 padding: 24px 14px; 781 font-size: 14px; 782 width: 100%; 783 letter-spacing: 1px; 784 } 785 786 [type='text']:focus, 787 [type='email']:focus, 788 [type='url']:focus, 789 [type='password']:focus, 790 [type='number']:focus, 791 [type='date']:focus, 792 [type='datetime-local']:focus, 793 [type='month']:focus, 794 [type='search']:focus, 795 [type='tel']:focus, 796 [type='time']:focus, 797 [type='week']:focus, 798 [multiple]:focus, 799 textarea:focus, 800 select:focus { 801 outline: none; 802 border-color: #bb8356; 803 } 804 805 input::placeholder, 806 textarea::placeholder { 807 color: #000000 !important; 808 opacity: 1; 809 } 810 811 /** 812 * Use this to encode your SVG icon - https://yoksel.github.io/url-encoder/ 813 * Hint: You can download SVG versions of FontAwesome icons 814 */ 815 select { 816 background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='11' viewBox='0 0 20 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.225964 0.219784C0.297411 0.150116 0.382286 0.0948411 0.475729 0.0571268C0.569172 0.0194125 0.669347 0 0.770516 0C0.871684 0 0.971859 0.0194125 1.0653 0.0571268C1.15875 0.0948411 1.24362 0.150116 1.31507 0.219784L10.0002 8.66892L18.6853 0.219784C18.7568 0.150228 18.8417 0.0950535 18.9352 0.05741C19.0286 0.0197666 19.1288 0.000391685 19.2299 0.000391685C19.331 0.000391685 19.4312 0.0197666 19.5246 0.05741C19.618 0.0950535 19.7029 0.150228 19.7744 0.219784C19.846 0.289341 19.9027 0.371915 19.9414 0.462795C19.9801 0.553674 20 0.651078 20 0.749445C20 0.847812 19.9801 0.945217 19.9414 1.0361C19.9027 1.12698 19.846 1.20955 19.7744 1.27911L10.5448 10.2564C10.4733 10.3261 10.3884 10.3813 10.295 10.4191C10.2015 10.4568 10.1014 10.4762 10.0002 10.4762C9.89903 10.4762 9.79886 10.4568 9.70542 10.4191C9.61197 10.3813 9.5271 10.3261 9.45565 10.2564L0.225964 1.27911C0.154337 1.20961 0.0975082 1.12706 0.0587336 1.03617C0.019959 0.945283 0 0.847847 0 0.749445C0 0.651043 0.019959 0.553608 0.0587336 0.46272C0.0975082 0.371832 0.154337 0.289277 0.225964 0.219784Z' fill='%23000000'/%3E%3C/svg%3E%0A"); 817 background-position: calc(100% - 24px) center; 818 background-repeat: no-repeat; 819 padding-right: 40px 820 } 821 822 ::-webkit-datetime-edit-fields-wrapper { 823 padding: 0; 824 } 825 826 /** 827 * Unfortunate hack until https://bugs.webkit.org/show_bug.cgi?id=198959 is fixed. 828 * This sucks because users can't change line-height with a utility on date inputs now. 829 * Reference: https://github.com/twbs/bootstrap/pull/31993 830 */ 831 ::-webkit-date-and-time-value { 832 min-height: 1.5em; 833 } 834 835 /** 836 * In Safari on macOS date time inputs are 4px taller than normal inputs 837 * This is because there is extra padding on the datetime-edit and datetime-edit-{part}-field pseudo elements 838 * See https://github.com/tailwindlabs/tailwindcss-forms/issues/95 839 */ 840 ::-webkit-datetime-edit, 841 ::-webkit-datetime-edit-year-field, 842 ::-webkit-datetime-edit-month-field, 843 ::-webkit-datetime-edit-day-field, 844 ::-webkit-datetime-edit-hour-field, 845 ::-webkit-datetime-edit-minute-field, 846 ::-webkit-datetime-edit-second-field, 847 ::-webkit-datetime-edit-millisecond-field, 848 ::-webkit-datetime-edit-meridiem-field { 849 padding-top: 0; 850 padding-bottom: 0; 851 } 852 853 [type='checkbox'], 854 [type='radio'] { 855 cursor: pointer; 856 } 857 858 [type='checkbox'] + label, 859 [type='radio'] + label, 860 [type='checkbox'] + span { 861 margin: 0; 862 cursor: pointer; 863 } 864 865 [type='checkbox'] { 866 position: relative !important; 867 visibility: hidden; 868 height: 16px !important; 869 width: 16px !important; 870 min-width: 16px; 871 margin-right: 16px !important; 872 } 873 874 [type='checkbox']:before { 875 content: ''; 876 visibility: visible; 877 position: absolute; 878 background-color: ; 879 width: 100%; 880 height: 100%; 881 border-width: thin; 882 border-color: #000000; 883 ; 884 } 885 886 [type='checkbox']:checked:before { 887 background-color: #000000; 888 } 889 890 [type='checkbox']:checked:after { 891 content: "\e90f"; 892 font-family: 'icomoon'; 893 color: #ffffff; 894 font-size: 11px; 895 visibility: visible; 896 position: absolute; 897 width: 100%; 898 height: 100%; 899 background-repeat: no-repeat; 900 background-position: center; 901 display: flex; 902 justify-content: center; 903 align-items: center; 904 905 } 906 907 [type='checkbox'] + label, 908 [type='checkbox'] + span { 909 display: flex; 910 align-items: center; 911 color: #000000; 912 font-size: 16px; 913 } 914 915 [type='radio'] { 916 display: flex; 917 align-items: center; 918 justify-content: center; 919 position: relative; 920 visibility: hidden; 921 height: 16px; 922 width: 16px; 923 margin-right: 16px; 924 } 925 926 [type='radio']:before { 927 content: ''; 928 visibility: visible; 929 position: absolute; 930 background-color: ; 931 width: 100%; 932 height: 100%; 933 border-width: thin; 934 border-color: #000000; 935 border-radius: 100%; 936 } 937 938 [type='radio']:checked:before { 939 background-color: ; 940 } 941 942 [type='radio']:checked:after { 943 content: ''; 944 visibility: visible; 945 position: absolute; 946 width: 8px; 947 height: 8px; 948 background-color: #000000; 949 border-radius: 100%; 950 border-width: thin; 951 border-color: #000000; 952 } 953 954 [type='radio'] + label { 955 display: flex; 956 align-items: center; 957 } 958 959 [type=file] { 960 background: unset; 961 border-color: inherit; 962 border-width: 0; 963 border-radius: 0; 964 padding: 0; 965 font-size: unset; 966 line-height: inherit; 967 968 &:focus { 969 outline: 1px auto -webkit-focus-ring-color; 970 } 971 } 972 973 974 [type="search"]::-webkit-search-decoration, 975 [type="search"]::-webkit-search-cancel-button, 976 [type="search"]::-webkit-search-results-button, 977 [type="search"]::-webkit-search-results-decoration { 978 display: none; 979 } 980 981 [type=search]::-ms-clear, 982 [type=search]::-ms-reveal { 983 display: none; 984 width: 0; 985 height: 0; 986 } 987 988 989 .quantity { 990 border: none; 991 position: relative; 992 max-width: 200px; 993 height: 34px; 994 995 996 } 997 998 .quantity__input { 999 background-color: #ffffff; 1000 pointer-events: none; 1001 1002 text-align: center; 1003 border: 0; 1004 font-size: 16px; 1005 height: 100%; 1006 padding-left: 34px; 1007 padding-right: 34px; 1008 color: #000000; 1009 letter-spacing: 1px; 1010 padding-bottom: 0; 1011 padding-top: 0; 1012 } 1013 1014 .quantity__input::-webkit-inner-spin-button, 1015 .quantity__input::-webkit-outer-spin-button { 1016 -webkit-appearance: none; 1017 margin: 0; 1018 } 1019 1020 .quantity__button { 1021 height: 34px; 1022 width: 34px; 1023 1024 background-color: #bb8356; 1025 color: #000000; 1026 top: 0; 1027 line-height: 0.75; 1028 } 1029 1030 1031 1032 .quantity__button span { 1033 width: 13.5px; 1034 } 1035 1036 .quantity__button:first-child { 1037 position: absolute; 1038 left: 0; 1039 } 1040 .quantity__button:last-child { 1041 position: absolute; 1042 right: 0; 1043 } 1044 1045 @media (max-width: 768px) { 1046 .quantity { 1047 height: 34px !important; 1048 1049 } 1050 1051 .quantity__input { 1052 1053 padding-left: 34px !important; 1054 padding-right: 34px !important; 1055 height: 34px !important; 1056 1057 } 1058 1059 1060 .quantity__button { 1061 height: 34px !important; 1062 width: 34px !important; 1063 1064 } 1065 } 1066 1067</style> 1068 1069 <style data-shopify> 1070 1071 table { 1072 width: 100%; 1073 1074 } 1075 1076 th { 1077 text-align: left; 1078 color: #1d1d1b; 1079 background: ; 1080 font-size: 14px; 1081 font-weight: normal; 1082 letter-spacing: 1px; 1083 1084 text-transform: uppercase; 1085 1086 } 1087 1088 td { 1089 text-align: left; 1090 color: #000000; 1091 background: ; 1092 font-size: 14px; 1093 font-weight: normal; 1094 letter-spacing: 1px; 1095 1096 } 1097 1098 @media (min-width: 768px) { 1099 1100 th { 1101 padding-top: 18px; 1102 padding-right: 19px; 1103 padding-bottom: 4px; 1104 padding-left: 19px; 1105 } 1106 1107 td { 1108 padding-top: 22px; 1109 padding-right: 19px; 1110 padding-bottom: 8px; 1111 padding-left: 19px; 1112 border-bottom-width: thin; 1113 border-color: #000000; 1114 } 1115 1116 } 1117 1118 @media (max-width: 767px) { 1119 1120 td { 1121 font-size: 18px; 1122 padding-bottom: 16px; 1123 } 1124 1125 1126 .responsive-table thead { 1127 display: none; 1128 } 1129 1130 .responsive-table tr { 1131 display: block; 1132 margin-bottom: 16px; 1133 padding: 14px 14px 28px 14px; 1134 background: ; 1135 //border-bottom: thin solid theme('colors.gray.300'); 1136 border-radius: 8px; 1137 } 1138 1139 .responsive-tableth, 1140 .responsive-table td { 1141 display: block; 1142 margin: 0; 1143 text-align: right; 1144 } 1145 1146 .responsive-table td:before { 1147 font-size: 18px; 1148 content: attr(data-label); 1149 float: left; 1150 padding-right: 16px; 1151 } 1152 1153 .responsive-table td:empty:after { 1154 content: '\00a0'; 1155 } 1156 1157 } 1158 1159</style> 1160 1161 <style data-shopify> 1162 .article__title { 1163 color: #000000; 1164 } 1165 1166 .article__content, .article__content span { 1167 color: #000000 !important; 1168 } 1169</style> 1170 1171 <style data-shopify> 1172 1173 .breadcrumb__list { 1174 display: flex; 1175 align-items: center; 1176 color: #000000; 1177 font-size: 14px; 1178 letter-spacing: 1px; 1179 flex-wrap: wrap; 1180 } 1181 1182 .breadcrumb__item:not(:last-child) { 1183 display: flex; 1184 align-items: center; 1185 } 1186 1187 .breadcrumb__item:not(:last-child):after { 1188 content: "\e910"; 1189 font-family: 'icomoon'; 1190 padding: 0 8px; 1191 } 1192 1193 .breadcrumb__item-link { 1194 color: inherit; 1195 text-decoration: none; 1196 } 1197 1198</style> 1199 1200 <style data-shopify> 1201 1202 1203 1204 1205 1206 1207 .product-item__promo-bar--flash-sale, 1208 .product-promo-bar--flash-sale { 1209 color: #000000; 1210 background-color: #BB8356; 1211 } 1212 1213</style> 1214 1215
1215<script defer> 1216 document.documentElement.className = document.documentElement.className.replace('no-js', ''); 1217 1218 if (Shopify.designMode) { 1219 document.documentElement.classList.add('shopify-design-mode'); 1220 } 1221 1222 1223 1224 //Shopify file directory 1225 window.rawFileUrl = '//katnookestate.com.au/cdn/shop/files/?v=623'; 1226 1227 //Shopify storefront access token 1228 window.DEV_HOSTNAME = 'katnook-estate-staging.myshopify.com' 1229 window.UAT_HOSTNAME = 'katnook-estate-uat.myshopify.com' 1230 window.PROD_HOSTNAME = 'katnook-estate.myshopify.com' 1231 1232 // Details for Storefront API. 1233 window.storefrontAccessToken = { 1234 [window.DEV_HOSTNAME]: '', 1235 [window.UAT_HOSTNAME]: '', 1236 [window.PROD_HOSTNAME]: '1a5abbf5c8b4984a94766edeb835ee7c' 1237 } 1238 1239 window.storefrontApiUrl = { 1240 dev: `${window.DEV_HOSTNAME}/api/2025-07/graphql.json`, 1241 uat: `${window.UAT_HOSTNAME}/api/2025-07/graphql.json`, 1242 prod: `${window.PROD_HOSTNAME}/api/2025-07/graphql.json` 1243 } 1244 1245 1246</script>
1246 1247 1248 1249 1250 1251 1252 <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1253<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: 70969131309,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "collection"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 1253
1253
1254<script> 1255 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1256</script>
vendor: 1 bytes, line 1256
1256
1257<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
1257).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 70969131309,storefrontBaseUrl: "https://katnookestate.com.au",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://katnookestate.com.au/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"883261741","configuration":"{\"pixel_id\":\"187871023187228\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"883228973","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-CKB7ZR1EC7\\\"],\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-CKB7ZR1EC7\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-CKB7ZR1EC7\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-CKB7ZR1EC7\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"G-CKB7ZR1EC7\\\"},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-CKB7ZR1EC7\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"G-CKB7ZR1EC7\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"G-CKB7ZR1EC7\\\"},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-CKB7ZR1EC7\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-CKB7ZR1EC7\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-CKB7ZR1EC7\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-CKB7ZR1EC7\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Katnook Estate","paymentSettings":{"currencyCode":"AUD"}
1257,"myshopifyDomain":"katnook-estate.myshopify.com","countryCode":"AU","storefrontUrl":"https:\/\/katnookestate.com.au"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"9166139392301","handle":"katnook-prodigy-shiraz-2021","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48090057015597","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10036623999277","handle":"katnook-ke-shiraz-6p-750ml-v22","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50738415141165","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10311516225837","handle":"2022-katnook-odyssey-cabernet-sauvignon","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52204792840493","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10311517012269","handle":"katnook-prodigy-shiraz-2022","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52204800409901","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10311517143341","handle":"2024-katnook-estate-cabernet-sauvignon","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52204800737581","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://katnookestate.com.au/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"182928376109","themePublished":"true","eventMetadataId":"ba09eca9-7f81-4fe8-8d6f-3c8302086f2d","pageType":"collection","resourceId":"442661699885","shopId":"70969131309","storefrontBaseUrl":"https:\/\/katnookestate.com.au","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}],[\"collection_viewed\",{\"collection\":{\"id\":\"442661699885\",\"title\":\"Our Wines\",\"productVariants\":[{\"price\":{\"amount\":105.0,\"currencyCode\":\"AUD\"},\"product\":{\"title\":\"2021 Katnook Prodigy Shiraz\",\"vendor\":\"Katnook Estate\",\"id\":\"9166139392301\",\"untranslatedTitle\":\"2021 Katnook Prodigy Shiraz\",\"url\":\"\/products\/katnook-prodigy-shiraz-2021\",\"type\":\"\"},\"id\":\"48090057015597\",\"image\":{\"src\":\"\/\/katnookestate.com.au\/cdn\/shop\/files\/Katnook-Prodigy-Shiraz-300x800.png?v=1787232140\"},\"sku\":\"589563\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":47.0,\"currencyCode\":\"AUD\"},\"product\":{\"title\":\"Katnook Estate Shiraz 2022\",\"vendor\":\"Katnook Estate\",\"id\":\"10036623999277\",\"untranslatedTitle\":\"Katnook Estate Shiraz 2022\",\"url\":\"\/products\/katnook-ke-shiraz-6p-750ml-v22\",\"type\":\"\"},\"id\":\"50738415141165\",\"image\":{\"src\":\"\/\/katnookestate.com.au\/cdn\/shop\/files\/EstateShiraz_1_ae164e53-6cb0-45e6-acee-3f9e5b9319c2.png?v=1786427397\"},\"sku\":\"589855\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":105.0,\"currencyCode\":\"AUD\"},\"product\":{\"title\":\"2022 Katnook Odyssey Cabernet Sauvignon\",\"vendor\":\"Katnook Estate\",\"id\":\"10311516225837\",\"untranslatedTitle\":\"2022 Katnook Odyssey Cabernet Sauvignon\",\"url\":\"\/products\/2022-katnook-odyssey-cabernet-sauvignon\",\"type\":\"\"},\"id\":\"52204792840493\",\"image\":{\"src\":\"\/\/katnookestate.com.au\/cdn\/shop\/files\/KatnookOdyssey300-x-800_1.png?v=1788936470\"},\"sku\":\"589889\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":105.0,\"currencyCode\":\"AUD\"},\"product\":{\"title\":\"Katnook Prodigy Shiraz 2022\",\"vendor\":\"Katnook Estate\",\"id\":\"10311517012269\",\"untranslatedTitle\":\"Katnook Prodigy Shiraz 2022\",\"url\":\"\/products\/katnook-prodigy-shiraz-2022\",\"type\":\"\"},\"id\":\"52204800409901\",\"image\":{\"src\":\"\/\/katnookestate.com.au\/cdn\/shop\/files\/Katnook-Prodigy-Shiraz-300x800_717ed6f0-c886-4a6c-a5cb-22851de8d588.png?v=1788936468\"},\"sku\":\"589888\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":47.0,\"currencyCode\":\"AUD\"},\"product\":{\"title\":\"2024 Katnook Estate Cabernet Sauvignon\",\"vendor\":\"Katnook Estate\",\"id\":\"10311517143341\",\"untranslatedTitle\":\"2024 Katnook Estate Cabernet Sauvignon\",\"url\":\"\/products\/2024-katnook-estate-cabernet-sauvignon\",\"type\":\"\"},\"id\":\"52204800737581\",\"image\":{\"src\":\"\/\/katnookestate.com.au\/cdn\/shop\/files\/2020KatnookbottlepicEstateCabSauv_abe57e44-bc91-4909-aa44-2cb4d6834fec.png?v=1783422540\"},\"sku\":\"596743\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}]}}]]"});})();</script>
1257<script> 1258 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1259 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1260 window.ShopifyAnalytics.meta.currency = 'AUD'; 1261 var meta = {"products":[{"id":9166139392301,"gid":"gid:\/\/shopify\/Product\/9166139392301","vendor":"Katnook Estate","type":"","handle":"katnook-prodigy-shiraz-2021","variants":[{"id":48090057015597,"price":10500,"name":"2021 Katnook Prodigy Shiraz","public_title":null,"sku":"589563"}],"remote":false},{"id":10036623999277,"gid":"gid:\/\/shopify\/Product\/10036623999277","vendor":"Katnook Estate","type":"","handle":"katnook-ke-shiraz-6p-750ml-v22","variants":[{"id":50738415141165,"price":4700,"name":"Katnook Estate Shiraz 2022","public_title":null,"sku":"589855"}],"remote":false},{"id":10311516225837,"gid":"gid:\/\/shopify\/Product\/10311516225837","vendor":"Katnook Estate","type":"","handle":"2022-katnook-odyssey-cabernet-sauvignon","variants":[{"id":52204792840493,"price":10500,"name":"2022 Katnook Odyssey Cabernet Sauvignon","public_title":null,"sku":"589889"}],"remote":false},{"id":10311517012269,"gid":"gid:\/\/shopify\/Product\/10311517012269","vendor":"Katnook Estate","type":"","handle":"katnook-prodigy-shiraz-2022","variants":[{"id":52204800409901,"price":10500,"name":"Katnook Prodigy Shiraz 2022","public_title":null,"sku":"589888"}],"remote":false},{"id":10311517143341,"gid":"gid:\/\/shopify\/Product\/10311517143341","vendor":"Katnook Estate","type":"","handle":"2024-katnook-estate-cabernet-sauvignon","variants":[{"id":52204800737581,"price":4700,"name":"2024 Katnook Estate Cabernet Sauvignon","public_title":null,"sku":"596743"}],"remote":false}],"page":{"pageType":"collection","resourceType":"collection","resourceId":442661699885,"requestId":"694f27eb-01c7-4d3f-9573-de92fc25ab01-1790428745"}}; 1262 for (var attr in meta) { 1263 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1264 } 1265</script>
vendor: 1 bytes, line 1265
1265
1266<script class="analytics"> 1267 (function () { 1268 var customDocumentWrite = function(content) { 1269 var jquery = null; 1270 1271 if (window.jQuery) { 1272 jquery = window.jQuery; 1273 } else if (window.Checkout && window.Checkout.$) { 1274 jquery = window.Checkout.$; 1275 } 1276 1277 if (jquery) { 1278 jquery('body').append(content); 1279 } 1280 }; 1281 1282 var hasLoggedConversion = function(token) { 1283 if (token) { 1284 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1285 } 1286 return false; 1287 } 1288 1289 var setCookieIfConversion = function(token) { 1290 if (token) { 1291 var twoMonthsFromNow = new Date(Date.now()); 1292 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1293 1294 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1295 } 1296 } 1297 1298 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1299 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1300 if (trekkie.integrations) { 1301 return; 1302 } 1303 trekkie.methods = [ 1304 'identify', 1305 'page', 1306 'ready', 1307 'track', 1308 'trackForm', 1309 'trackLink' 1310 ]; 1311 trekkie.factory = function(method) { 1312 return function() { 1313 var args = Array.prototype.slice.call(arguments); 1314 args.unshift(method); 1315 trekkie.push(args); 1316 if (method == 'track' || method == 'page') { 1317 var pageUrl; 1318 try { 1319 pageUrl = window.location.href; 1320 } catch (e) {} 1321 var pageReferrer; 1322 try { 1323 pageReferrer = document.referrer; 1324 } catch (e) {} 1325 try { 1326 if (window.__TREKKIE_SHIM_QUEUE == null) { 1327 window.__TREKKIE_SHIM_QUEUE = []; 1328 } 1329 window.__TREKKIE_SHIM_QUEUE.push({ 1330 from: 'trekkie-stub', 1331 method: method, 1332 args: args.slice(1), 1333 pageContext: { 1334 url: pageUrl, 1335 referrer: pageReferrer 1336 } 1337 }); 1338 } catch (e) { 1339 // no-op 1340 } 1341 } 1342 return trekkie; 1343 }; 1344 }; 1345 for (var i = 0; i < trekkie.methods.length; i++) { 1346 var key = trekkie.methods[i]; 1347 trekkie[key] = trekkie.factory(key); 1348 } 1349 trekkie.load = function(config) { 1350 trekkie.config = config || {}; 1351 trekkie.config.initialDocumentCookie = document.cookie; 1352 var first = document.getElementsByTagName('script')[0]; 1353var script = document.createElement('script'); 1354script.type = 'text/javascript'; 1355script.onerror = function(e) { 1356 var scriptFallback = document.createElement('script'); 1357 scriptFallback.type = 'text/javascript'; 1358 scriptFallback.onerror = function(error) { 1359 var Monorail = { 1360 produce: function produce(monorailDomain, schemaId, payload) { 1361 var currentMs = new Date().getTime(); 1362 var event = { 1363 schema_id: schemaId, 1364 payload: payload, 1365 metadata: { 1366 event_created_at_ms: currentMs, 1367 event_sent_at_ms: currentMs 1368 } 1369 }; 1370 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1371 }, 1372 sendRequest: function sendRequest(endpointUrl, payload) { 1373 // Try the sendBeacon API 1374 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1375 var blobData = new window.Blob([payload], { 1376 type: 'text/plain' 1377 }); 1378 1379 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1380 return true; 1381 } // sendBeacon was not successful 1382 1383 } // XHR beacon 1384 1385 var xhr = new XMLHttpRequest(); 1386 1387 try { 1388 xhr.open('POST', endpointUrl); 1389 xhr.setRequestHeader('Content-Type', 'text/plain'); 1390 xhr.send(payload); 1391 } catch (e) { 1392 console.log(e); 1393 } 1394 1395 return false; 1396 }, 1397 isIos12: function isIos12() { 1398 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1399 } 1400 }; 1401 Monorail.produce('monorail-edge.shopifysvc.com', 1402 'trekkie_storefront_load_errors/1.1', 1403 {shop_id: 70969131309, 1404 theme_id: 182928376109, 1405 app_name: "storefront", 1406 context_url: window.location.href, 1407 source_url: "//katnookestate.com.au/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 1408 1409 }; 1410 scriptFallback.async = true; 1411 scriptFallback.src = '//katnookestate.com.au/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1412 first.parentNode.insertBefore(scriptFallback, first); 1413}; 1414script.async = true; 1415script.src = '//katnookestate.com.au/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1416first.parentNode.insertBefore(script, first); 1417 1418 }; 1419 trekkie.load( 1420 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":70969131309,"isMerchantRequest":null,"themeId":182928376109,"themeCityHash":"16529802608018076238","contentLanguage":"en","currency":"AUD","eventMetadataId":"ba09eca9-7f81-4fe8-8d6f-3c8302086f2d"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1421 ); 1422 1423 var loaded = false;
1424 trekkie.ready(function() { 1425 if (loaded) return; 1426 loaded = true; 1427 1428 window.ShopifyAnalytics.lib = window.trekkie; 1429 1430 var originalDocumentWrite = document.write; 1431 document.write = customDocumentWrite; 1432 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1433 document.write = originalDocumentWrite; 1434 1435 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1436 var token = match? match[1]: undefined; 1437 if (!hasLoggedConversion(token)) { 1438 setCookieIfConversion(token); 1439 window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"AUD","category":"Collection: our-wines","collectionName":"our-wines","collectionId":442661699885,"nonInteraction":true},undefined,undefined,{"shopifyEmitted":true}); 1440 } 1441 }); 1442 1443 window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":442661699885,"requestId":"694f27eb-01c7-4d3f-9573-de92fc25ab01-1790428745","shopifyEmitted":true}); 1444 1445 var eventsListenerScript = document.createElement('script'); 1446 eventsListenerScript.async = true; 1447 eventsListenerScript.src = "//katnookestate.com.au/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1448 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1449})();</script>
vendor: 1 bytes, line 1449
1449
1450<script 1451 defer 1452 src="https://katnookestate.com.au/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 1453 data-application="storefront-renderer" 1454 data-shop-id="70969131309" 1455 data-render-region="gcp-us-central1" 1456 data-page-type="collection" 1457 data-theme-instance-id="182928376109" 1458 data-theme-name="Astro" 1459 data-theme-version="9.19.1 release_2026-19" 1460 data-monorail-region="shop_domain" 1461 data-resource-timing-sampling-rate="10" 1462 data-shs="true" 1463 data-shs-beacon="true" 1464 data-shs-export-with-fetch="true" 1465 data-shs-logs-sample-rate="1" 1466 data-shs-beacon-endpoint="https://katnookestate.com.au/api/collect" 1467></script>
1467 1468<meta name="shopify-y" content="17893e1d-0c3d-422d-a223-143d3ede27dc" data-expiration="1821986346000"><meta name="shopify-s" content="6b7bd0b8-da35-46b7-898f-6dc9b14eb71c" data-expiration="1790430546000"><meta name="new-cookie-storage-activated" content="t"> 1469</head> 1470 1471 <body id="our-wines-the-best-of-coonawarra-katnook-estate-wines" class="template-collection hidden"> 1472
1472<script> 1473 (() => { 1474 const configElement = document.getElementById("elevar-gtm-suite-config"); 1475 1476 if (!configElement) { 1477 console.error("Elevar Data Layer: Config element not found"); 1478 return; 1479 } 1480 1481 const config = JSON.parse(configElement.textContent); 1482 1483 const script = document.createElement("script"); 1484 script.type = "text/javascript"; 1485 script.src = config.gtm_suite_script; 1486 1487 script.onerror = () => { 1488 console.error("Elevar Data Layer: JS script failed to load"); 1489 }; 1490 script.onload = async () => { 1491 if (!window.ElevarGtmSuite) { 1492 console.error("Elevar Data Layer: `ElevarGtmSuite` is not defined"); 1493 return; 1494 } 1495 1496 const cartData = { 1497 attributes:{}, 1498 cartTotal: "0.0", 1499 currencyCode:"AUD", 1500 items: [] 1501} 1502; 1503 1504 if (config.event_config.save_order_notes) { 1505 await window.ElevarGtmSuite.handlers.cartAttributesReconcile(cartData, config.consent_enabled); 1506 } 1507 1508 if (config.event_config.user) { 1509 window.ElevarGtmSuite.handlers.user({cartTotal: "0.0", 1510 currencyCode:"AUD",}); 1511 } 1512 1513 if (config.event_config.product_add_to_cart_ajax) { 1514 window.ElevarGtmSuite.handlers.productAddToCartAjax(config.event_config.save_order_notes, config.consent_enabled); 1515 } 1516 1517 if (config.event_config.cart_reconcile) { 1518 window.ElevarGtmSuite.handlers.cartItemsReconcile(cartData); 1519 }const collectionItems ={ 1520 currencyCode:"AUD", 1521 items: [{id:"589563",name:"2021 Katnook Prodigy Shiraz", 1522 brand:"Katnook Estate", 1523 category:"", 1524 price: "105.0", 1525 position:1, 1526 productId: "9166139392301", 1527 variantId: "48090057015597", 1528 handle:"katnook-prodigy-shiraz-2021"},{id:"589855",name:"Katnook Estate Shiraz 2022", 1529 brand:"Katnook Estate", 1530 category:"", 1531 price: "47.0", 1532 position:2, 1533 productId: "10036623999277", 1534 variantId: "50738415141165", 1535 handle:"katnook-ke-shiraz-6p-750ml-v22"},{id:"589889",name:"2022 Katnook Odyssey Cabernet Sauvignon", 1536 brand:"Katnook Estate", 1537 category:"", 1538 price: "105.0", 1539 position:3, 1540 productId: "10311516225837", 1541 variantId: "52204792840493", 1542 handle:"2022-katnook-odyssey-cabernet-sauvignon"},{id:"589888",name:"Katnook Prodigy Shiraz 2022", 1543 brand:"Katnook Estate", 1544 category:"", 1545 price: "105.0", 1546 position:4, 1547 productId: "10311517012269", 1548 variantId: "52204800409901", 1549 handle:"katnook-prodigy-shiraz-2022"},{id:"596743",name:"2024 Katnook Estate Cabernet Sauvignon", 1550 brand:"Katnook Estate", 1551 category:"", 1552 price: "47.0", 1553 position:5, 1554 productId: "10311517143341", 1555 variantId: "52204800737581", 1556 handle:"2024-katnook-estate-cabernet-sauvignon"},] 1557 }; 1558 1559 if (config.event_config.collection_view) { 1560 window.ElevarGtmSuite.handlers.collectionView(collectionItems); 1561 } 1562 if (config.event_config.product_select) { 1563 window.ElevarGtmSuite.handlers.productSelect(collectionItems); 1564 }}; 1565 1566 document.body.appendChild(script); 1567 })(); 1568</script>
1568 1569<!-- Google Tag Manager (noscript) -->
vendor: 73 bytes, lines 1569-1571
1569 1570<noscript> 1571 <iframe src="https://www.googletagmanager.com/ns.html?id=
1571GTM-5HCR8NZ
vendor: 84 bytes, lines 1571-1572
1571" height="0" width="0" style="display:none;visibility:hidden"></iframe> 1572</noscript>
1573<!-- End Google Tag Manager (noscript) --> 1574 <a class="sr-only in-page-link skip-link" href="#MainContent">Skip to content</a> 1575 1576 <div id="shopify-section-header__announcement-bar" class="shopify-section relative z-50"> 1577 1578 1579 1580 1581 1582 1583 1584 <div 1585 vue-init 1586 class="text-center announcement-bar " 1587 1588 style="background-color: #bb8356" 1589 1590 > 1591 <div class="container"> 1592 <splide :options="{ 1593 arrows: false, 1594 autoplay: false, 1595 direction: 'ttb', 1596 drag: false, 1597 height: '40px', 1598 interval: 4000, 1599 pagination: false, 1600 pauseOnFocus: false, 1601 pauseOnHover: false, 1602 type: 'loop' 1603 }"> 1604 1605 <splide-slide> 1606 <div 1607 class="flex items-center justify-center h-full overflow-auto text-xs" 1608 1609 style="color: #ffffff" 1610 > 1611 <p><a class="announcement-bar__link" href="/pages/bookings" title="Bookings">Visit Our Cellar Door - Book Now</a></p> 1612 </div> 1613 </splide-slide> 1614 1615 1616 </splide> 1617 </div> 1618 </div> 1619 1620 1621</div> 1622 <header 1623 id="app" 1624 v-cloak 1625 class="sticky top-0 z-50 header-wrapper"> 1626 <div id="shopify-section-header" class="shopify-section"> 1627 1628 1629 1630 1631 1632<div class="relative z-10" style="background-color: #ffffff;"> 1633 <div class="container max-w-[1440px] flex items-center h-header pl-4 pr-6 lg:pl-[48px] lg:pr-[48px]"> 1634 1635 <button 1636 class="flex items-center justify-center navigation-toggle lg:hidden mr-[15px] w-[17px] text-[17px]" 1637 @click="toggleMenu()" 1638 aria-label="Menu toggle"> 1639 <template v-if="!isMenuOpen"><img class="w-[20px]" src="//katnookestate.com.au/cdn/shop/files/hamburger.png?v=1679614056&width=40" /></template> 1640 <template v-else><img class="w-[22.5px]" src="//katnookestate.com.au/cdn/shop/files/close.png?v=1679614056&width=45" /></template> 1641 </button> 1642 1643 1644 <div> 1645 <a href="/" class="block md:pr-20 logo-image-header" title="Katnook Estate"> 1646 <img 1647 src="//katnookestate.com.au/cdn/shop/files/logo-2.png?v=1679614056" 1648 width="364" 1649 height="91" 1650 alt="Katnook Estate Wines Logo" /> 1651 </a> 1652 </div> 1653 1654 1655 <div class="flex items-center"> 1656 <transition name="slide-from-left"> 1657 <div v-show="isMenuOpen" class="navigation-menu lg:block"> 1658 <nav aria-label="main"> 1659 <ul role="menu" class="justify-center menu lg:flex lg:space-x-6" style="color: #000000"> 1660 1661 <li class="menu-list-item" role="none"> 1662 <a role="menuitem" 1663 v-init-megamenu="'our-wines'" 1664 href="/collections/our-wines" 1665 title="Our Wines" 1666 class="menu-link menu-link--current" 1667 :class="{ 'menu-link--active': megamenuToggles['our-wines'] }" 1668 >Our Wines</a> 1669 </li> 1670 1671 <li class="menu-list-item" role="none"> 1672 <a role="menuitem" 1673 v-init-megamenu="'our-story'" 1674 href="/pages/our-story" 1675 title="Our Story" 1676 class="menu-link" 1677 :class="{ 'menu-link--active': megamenuToggles['our-story'] }" 1678 >Our Story</a> 1679 </li> 1680 1681 <li class="menu-list-item" role="none"> 1682 <a role="menuitem" 1683 v-init-megamenu="'cellar-door'" 1684 href="/pages/cellar-door" 1685 title="Cellar Door" 1686 class="menu-link" 1687 :class="{ 'menu-link--active': megamenuToggles['cellar-door'] }" 1688 >Cellar Door</a> 1689 </li> 1690 1691 1692 <li class="menu-list-item"> 1693 <div class="flex-inline md:flex md:h-header items-center"> 1694 <a 1695 href="/pages/bookings" 1696 role="menuitem" 1697 class="link hidden lg:block" 1698 >Book Now</a> 1699 <a 1700 href="/pages/bookings" 1701 role="menuitem" 1702 class="lg:hidden menu-link tracking-[1px]" 1703 >Book Now</a> 1704 </div> 1705 </li> 1706 1707 <li class="menu-list-item lg:hidden" role="none"> 1708 <a 1709 href="https://distinction-wines-au.myshopify.com/pages/sign-up-katnook" 1710 role="menuitem" 1711 class="menu-link cta-button" 1712 >SAVE 15% JOIN NOW 1713 </a> 1714 </li> 1715 1716 </ul> 1717 </nav> 1718 </div> 1719</transition> 1720 </div> 1721 1722 1723 1724 <div class="flex-row-reverse items-center justify-center hidden flex-10 xl:flex"> 1725 <a class="px-4 leading-9 button--small" href="https://distinction-wines-au.myshopify.com/pages/sign-up-katnook">SAVE 15% JOIN NOW</a> 1726 </div> 1727 1728 1729 1730 <div class="header-toolbar flex items-center justify-end flex-auto xl:flex-[0_1_0%] space-x-[18px]"> 1731 1732 <button 1733 @click="toggleSearch()" 1734 type="button" 1735 class="header-toolbar__item"> 1736 <img class="w-[22px]" src="//katnookestate.com.au/cdn/shop/files/search.png?v=1679614057&width=44" />
1737 <span class="hidden sr-only lg:not-sr-only">Search</span> 1738 </button> 1739 1740 1741 1742 1743 1744 1745 1746 </div> 1747 </div> 1748</div> 1749 1750<transition name="fade"> 1751 <div v-if="isMinicartOpen" class="mask" @click="toggleMinicart()"></div> 1752</transition> 1753 1754<transition name="slide-down"> 1755 <div 1756 v-show="isMinicartOpen" 1757 class="z-10 cart fixed top-0 right-0 w-full md:max-w-[500px] h-full md:h-[auto] drop-shadow-[0_4px_80px_rgba(0,0,0,0.1)] minicart" 1758 > 1759 <div class="flex flex-col max-h-[100vh]"> 1760 <div> 1761 <div class="flex items-center justify-between p-[24px_8px_12px_15px] md:p-[10px_15px_4px_40px]" v-if="cart"> 1762 <span class="text-[18px] md:text-sm tracking-[1px]">Shopping Cart (${ cart.item_count })</span> 1763 <button @click="toggleMinicart()"> 1764 <span class="text-base icon-close"></span> 1765 </button> 1766 </div> 1767 1768 1769 </div> 1770 1771 <template v-if="cart && cart.items && cart.items.length > 0"> 1772 <div class="space-y-4 overflow-auto md:mt-4 cart__items"> 1773 <div v-for="(item, index) in cart.items" :key="item.sku" class="relative flex"> 1774 <div class="z-10 mask mask--loading" v-if="item.isLoading"><span class="spinner">Loading</span></div> 1775 <div class="cart__item__image"> 1776 <a 1777 class="pb-[206px] pr-[130px] block mr-7 md:m-[0_24px] relative md:hover:opacity-80" 1778 :href="item.url" 1779 :title="item.product_title"><div 1780 class="absolute inset-0 w-full bg-white product-image"> 1781 <responsive-image 1782 class="absolute inset-0 p-[13px_0] height-[0px] min-w-full max-w-full min-h-full max-h-full object-contain" 1783 v-if="item.image" 1784 :src="item.image.src" 1785 :base-size="130" 1786 :alt="item.image.alt"> 1787 </responsive-image> 1788 <template v-else><svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg></template> 1789 </div> 1790 </a> 1791 </div> 1792 <div class="relative flex flex-col justify-center flex-auto pr-4"> 1793 <button 1794 class="absolute top-2 right-2 md:top-4 md:right-4" 1795 @click="updateQuantity(item, 0)"> 1796 <span class="icon-close text-[10px]"></span> 1797 </button> 1798 <div class="mb-2"> 1799 <a 1800 class="no-underline hover:underline" 1801 :href="item.url" 1802 :title="item.product_title"><h5 v-html="item.vendor" class="text-sm"></h5> 1803 <h5 v-html="item.product_title" class="uppercase body-4"></h5> 1804 </a> 1805 </div> 1806 <div v-if="item.has_variant"> 1807 <div v-for="option in item.options_with_values" :key="option.name"> 1808 <strong>${ option.name }</strong>: <span>${ option.value }</span> 1809 </div> 1810 </div> 1811 <div class="mb-2 leading-[14px]"> 1812 <s v-if="item.compare_at_price" class="price price--old text-[10px] tracking-[0.5px]">${ item.compare_at_price | currencyFromCents } - Per Bottle</s>
1813 <span v-if="item.compare_at_price" class="m-4 minicart__pipe">|</span> 1814 <span class="price text-[10px] tracking-[0.5px]" :class="{ 'price--sale': item.compare_at_price }">${ item.final_price | currencyFromCents } <template v-if="item.compare_at_price">- Sale</template><template v-else>- Per Bottle</template></span> 1815 </div> 1816 1817 1818 <div class="quantity max-w-[140px]"> 1819 <button class="quantity__button" @click="minusQuantity(item); updateQuantity(item)"><span class="icon-minus"></span></button> 1820 <input class="quantity__input" v-model="item.quantity" @input="updateQuantity(item)" type="number" readonly> 1821 <button class="quantity__button" @click="addQuantity(item); updateQuantity(item)" :disabled="isWelcomeDwLimitExceeded(item)"><span class="icon-plus"></span> 1822 1823 </button> 1824 </div> 1825 1826 1827 <div v-if="item.message"> 1828 <small class="cart__item__message cart__item__message--error">${ item.message }</small> 1829 </div> 1830 <div class="mt-2"> 1831 <span class="tracking-[1px]">Sub Total: ${ item.final_line_price | currencyFromCents }</span> 1832 </div> 1833 </div> 1834 </div> 1835 </div> 1836 1837 <div class="p-[10px_16px] md:p-[52px_60px_23px_60px]"> 1838 <div class="flex justify-between mb-4 tracking-[1px]"> 1839 <span>Total:</span> 1840 <span>${ finalCartPrice | currencyFromCents }</span> 1841 </div> 1842 1843 1844 <a :href="cart.checkout_link" class="block w-full button"> 1845 <span class="tracking-[1px]">Check out</span> 1846 </a> 1847 1848 <div class="mt-2 text-center"> 1849 <a class="link tracking-[1px]" href="/cart">Go to Cart</a> 1850 </div> 1851 1852 1853 <small class="text-[10px] block mt-4 text-center tracking-[0.5px]">Discounts, GST and shipping calculated at checkout</small> 1854 1855 </div> 1856 </template> 1857 <div v-else class="text-center cart__empty p-[23px_16px]"> 1858 <p class="mb-3">Your cart is currently empty.</p> 1859 <button class="button" @click="toggleMinicart()">Continue shopping</button> 1860 </div> 1861 </div> 1862 </div> 1863</transition> 1864 1865 1866
1867<script type="application/ld+json"> 1868 { 1869 "@context": "http://schema.org", 1870 "@type": "Organization", 1871 "name": "Katnook Estate", 1872 1873 "sameAs": [ 1874 "", 1875 "", 1876 "", 1877 "", 1878 "", 1879 "", 1880 "", 1881 "" 1882 ], 1883 "url": "https://katnookestate.com.au" 1884 } 1885</script>
1885 1886 1887</div> 1888 <div id="shopify-section-megamenu-1" class="shopify-section"> 1889 1890<div 1891 v-show="megamenuToggles['our-wines']" 1892 @mouseleave="closeAllMegamenus" 1893 parent-item="our-wines" 1894 class="megamenu"> 1895 <div 1896 class="container" 1897 style="padding: 35px 75px 65px 75px" 1898 > 1899 1900 1901 <div class="lg:flex lg:space-x-4"> 1902 <div class="lg:basis-3/4"> 1903 <div class="flex flex-col lg:flex-row lg:space-x-4"> 1904 1905 1906 <nav class="flex-1"> 1907 <ul 1908 class="mt-4 menu lg:mt-0" 1909 role="menu" 1910 aria-label="" 1911 > 1912 <li class="menu-list-item--level1" role="none"> 1913 <a 1914 v-init-megamenu="'__shop-by-range'" 1915 href="/pages/our-ranges" 1916 class="menu-link menu-link--level1" 1917 role="menuitem" 1918 > 1919 Shop by Range 1920 </a> 1921 </li><ul 1922 parent-item="__shop-by-range" 1923 v-show="megamenuToggles['__shop-by-range']" 1924 class="block menu" 1925 role="menu" 1926 aria-label="Shop by Range" 1927 > 1928 1929 <li class="menu-list-item--level2" role="none"> 1930 <a 1931 v-init-megamenu="'__shop-by-range__limited-release'" 1932 href="/collections/limited-release-icons" 1933 class="menu-link menu-link--level2" 1934 role="menuitem" 1935 > 1936 <span>Limited Release</span> 1937 </a></li> 1938 1939 <li class="menu-list-item--level2" role="none"> 1940 <a 1941 v-init-megamenu="'__shop-by-range__founders-block'" 1942 href="/collections/founders-block" 1943 class="menu-link menu-link--level2" 1944 role="menuitem" 1945 > 1946 <span>Founder's Block</span> 1947 </a></li> 1948 1949 <li class="menu-list-item--level2" role="none"> 1950 <a 1951 v-init-megamenu="'__shop-by-range__estate-wines'" 1952 href="/collections/estate-wines" 1953 class="menu-link menu-link--level2" 1954 role="menuitem" 1955 > 1956 <span>Estate Wines</span> 1957 </a></li> 1958 1959 <li class="menu-list-item--level2" role="none"> 1960 <a 1961 v-init-megamenu="'__shop-by-range__museum-wines'" 1962 href="/collections/museum-wines" 1963 class="menu-link menu-link--level2" 1964 role="menuitem" 1965 > 1966 <span>Museum Wines</span> 1967 </a></li> 1968 1969 </ul></ul> 1970 </nav> 1971 1972 <nav class="flex-1"> 1973 <ul 1974 class="mt-4 menu lg:mt-0" 1975 role="menu" 1976 aria-label="" 1977 > 1978 <li class="menu-list-item--level1" role="none"> 1979 <a 1980 v-init-megamenu="'__shop-by-varietal'" 1981 href="#" 1982 class="menu-link menu-link--level1" 1983 role="menuitem" 1984 > 1985 Shop By Varietal 1986 </a> 1987 </li><ul 1988 parent-item="__shop-by-varietal" 1989 v-show="megamenuToggles['__shop-by-varietal']" 1990 class="block menu" 1991 role="menu" 1992 aria-label="Shop By Varietal" 1993 > 1994 1995 <li class="menu-list-item--level2" role="none"> 1996 <a 1997 v-init-megamenu="'__shop-by-varietal__cabernet-sauvignon'" 1998 href="/collections/cabernet-sauvignon" 1999 class="menu-link menu-link--level2" 2000 role="menuitem" 2001 > 2002 <span>Cabernet Sauvignon</span> 2003 </a></li> 2004 2005 <li class="menu-list-item--level2" role="none"> 2006 <a 2007 v-init-megamenu="'__shop-by-varietal__shiraz'" 2008 href="/collections/shiraz" 2009 class="menu-link menu-link--level2" 2010 role="menuitem" 2011 >
2012 <span>Shiraz</span> 2013 </a></li> 2014 2015 <li class="menu-list-item--level2" role="none"> 2016 <a 2017 v-init-megamenu="'__shop-by-varietal__chardonnay'" 2018 href="/collections/chardonnay" 2019 class="menu-link menu-link--level2" 2020 role="menuitem" 2021 > 2022 <span>Chardonnay</span> 2023 </a></li> 2024 2025 <li class="menu-list-item--level2" role="none"> 2026 <a 2027 v-init-megamenu="'__shop-by-varietal__sauvignon-blanc'" 2028 href="/collections/sauvignon-blanc" 2029 class="menu-link menu-link--level2" 2030 role="menuitem" 2031 > 2032 <span>Sauvignon Blanc</span> 2033 </a></li> 2034 2035 <li class="menu-list-item--level2" role="none"> 2036 <a 2037 v-init-megamenu="'__shop-by-varietal__malbec'" 2038 href="/collections/malbec" 2039 class="menu-link menu-link--level2" 2040 role="menuitem" 2041 > 2042 <span>Malbec</span> 2043 </a></li> 2044 2045 </ul></ul> 2046 </nav> 2047 2048</div> 2049 </div> 2050 <div class="hidden lg:basis-1/4 lg:block"> 2051 2052 2053 </div> 2054 </div> 2055 2056 </div> 2057 </div> 2058</div> 2059 <div id="shopify-section-megamenu-2" class="shopify-section"> 2060 2061</div> 2062 <div id="shopify-section-megamenu-3" class="shopify-section"> 2063 2064</div> 2065 <div id="shopify-section-megamenu-4" class="shopify-section"> 2066 2067</div> 2068 <div id="shopify-section-megamenu-5" class="shopify-section"> 2069 2070</div> 2071 <div id="shopify-section-header__search" class="shopify-section"><header-search inline-template :is-search-open="isSearchOpen" default-value=""> 2072 <div> 2073 <transition name="slide-down"> 2074 <div v-show="isSearchOpen" class="fixed inset-0 z-50 bg-background"> 2075 <div class="flex flex-col h-full"> 2076 <button 2077 @click="toggleSearch()" 2078 type="button" 2079 class="absolute top-0 right-0 p-4" 2080 aria-label="Close" 2081 > 2082 <img class="w-[22.5px]" src="//katnookestate.com.au/cdn/shop/files/close.png?v=1679614056&width=45"/> 2083 </button> 2084 2085 <div class="flex justify-center mb-14 md:mb-4"> 2086 <img 2087 2088 style="background-color: ;" 2089 2090 class="px-3 pt-5 pb-4 lazyload box-content " 2091 data-src="//katnookestate.com.au/cdn/shop/files/logo-2.png?v=1679614056" 2092 width="364" 2093 height="91" 2094 alt="Katnook Estate Wines Logo" /> 2095 </div> 2096 2097 <form 2098 class="container mb-9 md:mb-0" 2099 action="/search" 2100 method="get" 2101 role="search" 2102 > 2103 <div class="flex items-center justify-between w-full max-w-[540px] mx-auto"> 2104 <div class="relative w-full field"> 2105 <label for="search-header__search" class="sr-only"> 2106 Search Our Wines 2107 </label> 2108 2109 <input 2110 class="border-0 text-lg tracking-[1px] bg-white shadow-[0_4px_4px_rgba(0,0,0,0.25)] p-[8px_60px_8px_21px] leading-none" 2111 type="search" 2112 v-model="search" 2113 ref="search" 2114 id="search-header__search" 2115 name="q" 2116 placeholder="Search Our Wines" 2117 autocomplete="off" 2118 value="" 2119 > 2120 <input type="hidden" name="type" value="product" /> 2121 <button 2122 type="submit" 2123 class="absolute top-0 bottom-0 right-0 flex items-center justify-center px-5 text-2xl" 2124 aria-label="Search" 2125 >
2126 <span class="icon-search"></span> 2127 </button> 2128 </div> 2129 2130 </div> 2131 </form> 2132 2133 <div 2134 v-if="hasNoResults || results.length > 0" 2135 class="container" 2136 > 2137 <div class="hidden md:block pt-4 pb-7 text-lg tracking-[1px]" style="color: #000000;">Search results: ${ search }</div> 2138 </div> 2139 2140 <div 2141 v-if="search" 2142 class="flex flex-1 overflow-auto" 2143 :class="{ 'items-center': isSearchLoading || hasNoResults }" 2144 > 2145 <div class="container"> 2146 <div v-if="isSearchLoading" class="text-center"> 2147 <div class="loading-animation"> 2148 <div class="bounce1"></div> 2149 <div class="bounce2"></div> 2150 <div class="bounce3"></div> 2151 </div> 2152 </div> 2153 2154 <template v-else> 2155 <div v-if="hasNoResults" class="text-center" style="color: #000000;"> 2156 <p>No results found for search term.</p> 2157 </div> 2158 2159 <div v-else> 2160 2161 <div v-if="results.length > 0"> 2162 <div class="grid grid-cols-1 gap-6 md:gap-10 md:grid-cols-2 lg:grid-cols-4"> 2163 <div v-for="(product, index) in results" :key="product.id" :style="{ order: index + 1 }"> 2164 <product-item inline-template 2165 :product="product" 2166 :url="product.url" 2167 :promotional-price="product.promotionalPrice" 2168 > 2169 <div class="flex px-3 py-2 rounded-[4px] product-item group h-full"> 2170 <a :href="tileHref" :title="product.title" class="relative no-underline flex-[0_0_40%]"><div class="relative block h-full lg:min-h-[350px] pb-[100%] lg:w-[135px] w-[88px] min-h-[188px] m-[0_auto]"> 2171 <div class="absolute inset-0 w-full md:overflow-hidden"> 2172 <responsive-image 2173 class="absolute inset-0 block object-contain max-w-full max-h-full min-w-full min-h-full product-item__image" 2174 v-if="media" 2175 :src="media.src" 2176 :base-size="500" 2177 :alt="media.alt || product.title"> 2178 </responsive-image> 2179 <template v-else><svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg></template> 2180 </div> 2181 </div> 2182 <div v-if="productBadges.length" class="absolute top-0 left-0 space-y-3"> 2183 <template v-for="badge in productBadges"> 2184 <responsive-image 2185 class="w-10 lazyload" 2186 v-if="media" 2187 :src="`${parsedFileUrl + badge}.png`" 2188 :base-size="40" 2189 :alt="badge"> 2190 </responsive-image> 2191 2192 </template> 2193 </div> 2194 2195 <h3 class="hidden text-lg text-center text-primary body-4" v-html="product.title"></h3> 2196 </a> 2197 2198 <div class="flex flex-col justify-center flex-1"> 2199 <a :href="tileHref" :title="product.title" class="block no-underline product-item--mobile__text" style="color: #000000;"> 2200 <div class="mb-1"> 2201 <div 2202 v-if="promoBar" 2203 class="uppercase product-item__promo-bar px-[10px] flex items-center justify-center h-[16px]" 2204 :class="'product-item__promo-bar--' + promoBar.toLowerCase().replace(/[^\w\s]/gi, '').replace(/ /g, '-')">
2205 <span class="leading-3" v-html="promoBar"></span> 2206 </div> 2207 <span class="block text-left body-4" v-html="product.title"></span> 2208 </div> 2209 2210 2211 <div class="min-w-[128px] inline-block text-center mb-2 pb-2 product-item--mobile__text-border border-b-[thin]" style="border-bottom-color: #000000;"> 2212 <div class="flex items-center justify-center"> 2213 2214 <span v-if="nonDiscountable" class="mr-2 text-base">${ product.price | currencyFromCents }</span> 2215 2216 <span v-if="!nonDiscountable" class="leading-5 block text-lg ">${ finalBottlePrice | currencyFromCents }</span> 2217 </div> 2218 <span v-if="productLabel" class="block text-[10px] leading-3"> 2219 ${ productLabel } 2220 2221 </span> 2222 </div> 2223 <hr class="hidden my-2 border-primary"/> 2224 <span v-if="finalCostPerCaseOrPack" class="block text-sm text-left"> 2225 <span v-if="nonDiscountable" class="font-bold">${ finalCostPerCaseOrPackNonDiscounted | currencyFromCents }</span> 2226 <span v-else class="font-bold">${ finalCostPerCaseOrPack | currencyFromCents }</span> 2227 ${ caseOrPackLabel } of ${ bottlesPerCase || bottlesPerPack }</span> 2228 <span v-else class="block mx-4 text-base"> </span> 2229 2230 </a> 2231 2232 2233 <div v-if="cart" class="max-w-[128px] relative mt-1"> 2234 <div class="flex justify-center w-full" v-if="currentVariantInCart && currentVariantInCart.message"> 2235 <small class="cart__item__message cart__item__message--error">${ currentVariantInCart.message }</small> 2236 </div> 2237 <div v-if="currentVariantInCart" class="w-full quantity"> 2238 <button :disabled="isCartLoading" @click.stop.prevent="minusQuantity(currentVariantInCart); updateQuantity(currentVariantInCart)" class="quantity__button"> 2239 <span class="icon-minus"></span> 2240 </button> 2241 <input type="text" :value="`${ currentVariantInCart.quantity } ${ quantitySelectorLabel }`" class="text-sm quantity__input" :disabled="isWelcomeDwComputed && isWelcomeDwUnavailable"> 2242 <button :disabled="isCartLoading || (isWelcomeDwComputed && isWelcomeDwUnavailable)" @click.stop.prevent="addQuantity(currentVariantInCart); updateQuantity(currentVariantInCart)" class="quantity__button"> 2243 <span class="icon-plus"></span> 2244 </button> 2245 </div> 2246 2247 2248 <button v-else-if="!isCellarDoor && !isNotShoppable" @click.stop.prevent="handleAddToCart" class="w-full px-0 py-0 text-sm button h-9" :disabled="isLowStock || (isWelcomeDwComputed && isWelcomeDwUnavailable)"> 2249 <span v-if="isSubmitting" class="spinner">Loading</span> 2250 <template v-else> 2251 <span v-if="isWelcomeDwComputed && isWelcomeDwUnavailable">Unavailable</span> 2252 <span v-else-if="!isLowStock">Shop Distinction Wines</span> 2253 <span v-else>Out of Stock</span> 2254 </template> 2255 </button> 2256 2257 <a v-else :href="tileHref" :title="product.title" class="w-full md:max-w-none max-w-[200px] button--small inline-block text-center"> 2258 View 2259 </a> 2260 2261 2262 2263 </div> 2264 2265 </div> 2266 2267 </div> 2268 </product-item> 2269 </div> 2270 2271 </div> 2272 <div 2273 class="text-center pt-11 pb-11" 2274 > 2275 <a :href="'/search?q=' + search + '&type=product'" class="link">View all results</a> 2276 </div> 2277 </div> 2278 </div> 2279 </template> 2280 </div> 2281 </div> 2282 </div> 2283 </div> 2284 </transition> 2285 </div> 2286</header-search> 2287 2288</div> 2289 </header> 2290 2291 <main id="MainContent"> 2292 <article class=""> 2293 <section id="shopify-section-template--26036265091373__836bcf69-74ee-4d27-999d-3c0155579183" class="shopify-section"> 2294<style data-shopify> 2295 .template--26036265091373__836bcf69-74ee-4d27-999d-3c0155579183 { 2296 padding-top: 120px; 2297 padding-bottom: 120px; 2298 color: ; 2299 } 2300 2301 .template--26036265091373__836bcf69-74ee-4d27-999d-3c0155579183__colour { 2302 background-color: ; 2303 } 2304 2305 @media (max-width: 1023px) { 2306 .template--26036265091373__836bcf69-74ee-4d27-999d-3c0155579183 { 2307 padding-top: 30px; 2308 padding-bottom: 30px; 2309 } 2310 } 2311 2312 .template--26036265091373__836bcf69-74ee-4d27-999d-3c0155579183__title { 2313 -webkit-text-fill-color: transparent; 2314 background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(187, 131, 86, 1) 100%) !important; 2315 -webkit-background-clip: text; 2316 } 2317 2318 .template--26036265091373__836bcf69-74ee-4d27-999d-3c0155579183__subtitle { 2319 color: !important; 2320 } 2321 2322 .template--26036265091373__836bcf69-74ee-4d27-999d-3c0155579183__parallax { 2323 position: relative; 2324 } 2325 2326 .template--26036265091373__836bcf69-74ee-4d27-999d-3c0155579183__parallax:before { 2327 content: " "; 2328 background-color: #000; 2329 position: absolute; 2330 inset: 0; 2331 z-index: -1;opacity: 1;} 2332 2333 .template--26036265091373__836bcf69-74ee-4d27-999d-3c0155579183__parallax:after { 2334 content: " "; 2335 display: flex; 2336 min-height: 400px; 2337 flex-direction: column; 2338 align-items: center; 2339 justify-content: center; 2340 position: absolute; 2341 inset: 0; 2342 opacity: 0.7; 2343 z-index: 1; 2344 text-align: center; 2345 2346 background-image: url(//katnookestate.com.au/cdn/shop/files/Our_Wines_Header_3440x.png?v=1681859211); 2347 background-attachment: fixed; 2348 background-repeat: no-repeat; 2349 background-size: cover; 2350 background-position: center; 2351 2352 2353 background-attachment: unset; 2354 2355 } 2356 2357 @media (max-width: 1023px) { 2358 .template--26036265091373__836bcf69-74ee-4d27-999d-3c0155579183__parallax:after { 2359 background-attachment: unset; 2360 } 2361 } 2362</style> 2363 2364<section vue-init v-cloak 2365 class="template--26036265091373__836bcf69-74ee-4d27-999d-3c0155579183 overflow-hidden 2366 template--26036265091373__836bcf69-74ee-4d27-999d-3c0155579183__parallax 2367 " 2368> 2369 <div class="container lg:max-w-[1000px] relative z-10"><h1 class="mb-6 pb-[5px] text-center h2 template--26036265091373__836bcf69-74ee-4d27-999d-3c0155579183__title">SHOP WINES</h1> 2370 </div> 2371</section> 2372 2373 2374</section><div id="shopify-section-template--26036265091373__product-list" class="shopify-section"> 2375 2376<style data-shopify> 2377 2378 .promo-image { 2379 order: ; 2380 } 2381 2382 .collection .collapsible__title h4 { 2383 font-size: 18px; 2384 } 2385 2386 .collection .product-item { 2387 color: #1d1d1b !important; 2388 } 2389 2390 .collection .collapsible__title .collapsible__toggle::before { 2391 color: ; 2392 } 2393 2394 @media (max-width: 767px) { 2395 .collection .collapsible__title h4 { 2396 font-size: 14px; 2397 color: ; 2398 } 2399 2400 .collection .collapsible__title .collapsible__toggle, 2401 .collection .collapsible__content span, 2402 .collection .collapsible__content input[type=number] { 2403 color: ; 2404 } 2405
2406 .collection .collapsible__content input::before, .collection .collapsible__content input[type=number] { 2407 border-color: ; 2408 } 2409 2410 .collection .collapsible__content input::after { 2411 background-color: ; 2412 } 2413 } 2414 2415 2416 2417</style> 2418 2419<article class="container" vue-init v-cloak> 2420 2421 <collection 2422 inline-template class="collection "> 2423 <form class="mb-6 md:mb-20" ref="filtersForm"> 2424 2425 <nav aria-label="breadcrumb" class="py-4 breadcrumb md:py-6"> 2426 <ol class="breadcrumb__list" itemscope itemtype="http://schema.org/BreadcrumbList"> 2427 <li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> 2428 <a class="breadcrumb__item-link" href="https://katnookestate.com.au" title="Katnook Estate" itemprop="item" itemscope itemtype="http://schema.org/Thing" itemid="/"> 2429 <span itemprop="name">Home</span> 2430 </a> 2431 <meta itemprop="position" content="1" /> 2432 </li><li class="breadcrumb__item breadcrumb__item--active" aria-current="page" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> 2433 <span itemscope itemtype="http://schema.org/Thing" itemprop="item" itemid="/collections/our-wines"> 2434 <span itemprop="name">Our Wines</span> 2435 </span> 2436 <meta itemprop="position" content="2" /> 2437 </li></ol> 2438</nav> 2439 2440 <section class="flex flex-col items-center justify-between space-y-4 mb-7 md:mb-12 md:flex-row md:space-y-0"> 2441 <span class="hidden md:block tracking-[1px] text-secondary uppercase">5 wines</span> 2442 <div class="relative w-full mt-0 md:w-auto"> 2443 <div 2444 @click="toggleSort()" 2445 class="z-20 relative cursor-pointer rounded-[50px] px-6 py-1 flex items-center after:content-['\e90e'] after:font-icon after:text-[10px] shadow-[0_4px_4px_rgba(0,0,0,0.25)] md:shadow-none" 2446 style="background-color: #bb8356; color: #ffffff;" 2447 :class="{ 'after:rotate-180' : isSortShown}" 2448 > 2449 <label class="mr-8 text-lg leading-4 cursor-pointer pointer-events-none whitespace-nowrap" for="sort-by">Sort By</label> 2450 <select 2451 ref="sort" 2452 class="p-0 mr-2 text-lg bg-transparent border-none pointer-events-none bg-none" 2453 style="color: #ffffff;" 2454 @change="submitFilter" 2455 name="sort_by"
2456 id="sort-by"> 2457 2458 <option class="text-black" value="manual" selected="selected"> 2459 Featured 2460 </option> 2461 2462 <option class="text-black" value="most-relevant" > 2463 Most relevant 2464 </option> 2465 2466 <option class="text-black" value="best-selling" > 2467 Best selling 2468 </option> 2469 2470 <option class="text-black" value="title-ascending" > 2471 Alphabetically, A-Z 2472 </option> 2473 2474 <option class="text-black" value="title-descending" > 2475 Alphabetically, Z-A 2476 </option> 2477 2478 <option class="text-black" value="price-ascending" > 2479 Price, low to high 2480 </option> 2481 2482 <option class="text-black" value="price-descending" > 2483 Price, high to low 2484 </option> 2485 2486 <option class="text-black" value="created-ascending" > 2487 Date, old to new 2488 </option> 2489 2490 <option class="text-black" value="created-descending" > 2491 Date, new to old 2492 </option> 2493 2494 </select> 2495 </div> 2496 <div v-show="isSortShown" @click="toggleSort()" class="z-10 mask"></div> 2497 <ul 2498 v-show="isSortShown" 2499 class="absolute top-0 left-0 right-0 z-10 px-6 py-2 rounded-[20px] pt-12 divide-y" 2500 style="background-color: #ffffff; color: #262626;" 2501 > 2502 2503 <li 2504 @click="sort('manual')" 2505 class="cursor-pointer tracking-[1px] leading-5 py-4 text-sm" selected="selected"> 2506 Featured 2507 </li> 2508 2509 <li 2510 @click="sort('most-relevant')" 2511 class="cursor-pointer tracking-[1px] leading-5 py-4 text-sm" > 2512 Most relevant 2513 </li> 2514 2515 <li 2516 @click="sort('best-selling')" 2517 class="cursor-pointer tracking-[1px] leading-5 py-4 text-sm" > 2518 Best selling 2519 </li> 2520 2521 <li 2522 @click="sort('title-ascending')" 2523 class="cursor-pointer tracking-[1px] leading-5 py-4 text-sm" > 2524 Alphabetically, A-Z 2525 </li> 2526 2527 <li 2528 @click="sort('title-descending')" 2529 class="cursor-pointer tracking-[1px] leading-5 py-4 text-sm" > 2530 Alphabetically, Z-A 2531 </li> 2532 2533 <li 2534 @click="sort('price-ascending')" 2535 class="cursor-pointer tracking-[1px] leading-5 py-4 text-sm" > 2536 Price, low to high 2537 </li> 2538 2539 <li 2540 @click="sort('price-descending')" 2541 class="cursor-pointer tracking-[1px] leading-5 py-4 text-sm" > 2542 Price, high to low 2543 </li> 2544 2545 <li 2546 @click="sort('created-ascending')" 2547 class="cursor-pointer tracking-[1px] leading-5 py-4 text-sm" > 2548 Date, old to new 2549 </li> 2550 2551 <li 2552 @click="sort('created-descending')" 2553 class="cursor-pointer tracking-[1px] leading-5 py-4 text-sm" > 2554 Date, new to old 2555 </li> 2556 2557 </ul> 2558 </div> 2559 2560 <div class="w-full md:hidden"> 2561 <a 2562 @click.stop.default="toggleFilter()" 2563 href="javascript:void(0);" 2564 class="w-full relative cursor-pointer rounded-[50px] px-6 py-1 flex items-center justify-between after:content-['\e90e'] after:font-icon after:text-[10px] text-lg leading-[28px] shadow-[0_4px_4px_rgba(0,0,0,0.25)] no-underline" 2565 style="background-color: #bb8356; color: #ffffff;" 2566 :class="{ 'after:rotate-180' : isFiltersShown }" 2567 >Filter</a> 2568 </div> 2569 2570 2571 </section> 2572 2573 <div class="gap-6 md:flex"> 2574 <section class="md:basis-1/4" style="color: #000000;"> 2575 2576 2577 2578<transition name="slide-from-left"> 2579 <div v-show="isFiltersShown" :style="{ top: headerHeight + 'px' }" class="fixed bottom-0 left-0 right-0 z-50 overflow-auto md:h-auto md:z-auto md:bg-transparent md:inset-auto md:relative md:block" style="background-color: #ffffff;"> 2580 <div class="flex items-center justify-between px-8 py-2 mb-4 md:hidden shadow-[0_4px_4px_rgba(0,0,0,0.25)]" style="background-color: #bb8356; color: #262626;">
2581 <span class="text-lg leading-5 tracking-[1px]">Filter</span> 2582 <button 2583 class="text-base" 2584 @click.stop.prevent="toggleFilter()"> 2585 <span class="icon-close"></span> 2586 </button> 2587 </div> 2588 <div class="divide-y md:divide-y-0"> 2589 <vue-collapsible :is-open="false"> 2590 <template v-slot:title> 2591 <h4 style="color: ;">Availability</h4> 2592 </template> 2593 <template> 2594 <div class="pb-4 collection__filter"><ul><li class="flex items-center py-[6px]"> 2595 <input type="checkbox" 2596 name="filter.v.availability" 2597 value="1" 2598 id="Filter-filter.v.availability-1" 2599 2600 2601 > 2602 <label 2603 class="text-sm" 2604 for="Filter-filter.v.availability-1" 2605 2606 > 2607 <span>In stock (5)</span> 2608 </label> 2609 </li><li class="flex items-center py-[6px]"> 2610 <input type="checkbox" 2611 name="filter.v.availability" 2612 value="0" 2613 id="Filter-filter.v.availability-2" 2614 2615 disabled 2616 > 2617 <label 2618 class="text-sm" 2619 for="Filter-filter.v.availability-2" 2620 class="text-muted" 2621 > 2622 <span>Out of stock (0)</span> 2623 </label> 2624 </li></ul></div> 2625 </template> 2626 </vue-collapsible> 2627 <vue-collapsible :is-open="false"> 2628 <template v-slot:title> 2629 <h4 style="color: ;">Price</h4> 2630 </template> 2631 <template> 2632 <div class="pb-4 collection__filter"><div class="price-range"> 2633 <div class="flex items-center"> 2634 <div class="flex-auto"> 2635 <div class="flex items-center"> 2636 <input name="filter.v.price.gte" 2637 id="Filter-filter.v.price.gte" 2638 2639 type="number" 2640 placeholder="0" 2641 min="0" 2642 max="105.00" 2643 class="px-2 price-range__input" 2644 > 2645 </div> 2646 2647 <label for="Filter-filter.v.price.gte" class="sr-only">Fron</label> 2648 </div> 2649 2650 <div class="mx-2">-</div> 2651 2652 <div class="flex-auto"> 2653 <div class="flex items-center"> 2654 <input name="filter.v.price.lte" 2655 id="Filter-filter.v.price.lte" 2656 2657 type="number" 2658 placeholder="105.00" 2659 min="0" 2660 max="105.00" 2661 class="px-2 price-range__input" 2662 > 2663 </div> 2664 2665 <label for="Filter-filter.v.price.lte" class="sr-only">To</label> 2666 </div> 2667 </div> 2668 2669 <div class="mt-4 actions"> 2670 <input type="submit" value="Apply" class="w-full cursor-pointer button"> 2671 </div> 2672 </div></div> 2673 </template> 2674 </vue-collapsible> 2675 <vue-collapsible :is-open="false"> 2676 <template v-slot:title> 2677 <h4 style="color: ;">Range</h4> 2678 </template> 2679 <template> 2680 <div class="pb-4 collection__filter"><ul><li class="flex items-center py-[6px]"> 2681 <input type="checkbox" 2682 name="filter.p.m.my_fields.range" 2683 value="Katnook Estate" 2684 id="Filter-filter.p.m.my_fields.range-1" 2685 2686 2687 > 2688 <label 2689 class="text-sm" 2690 for="Filter-filter.p.m.my_fields.range-1" 2691 2692 >
2693 <span>Katnook Estate (2)</span> 2694 </label> 2695 </li><li class="flex items-center py-[6px]"> 2696 <input type="checkbox" 2697 name="filter.p.m.my_fields.range" 2698 value="Katnook Icons" 2699 id="Filter-filter.p.m.my_fields.range-2" 2700 2701 2702 > 2703 <label 2704 class="text-sm" 2705 for="Filter-filter.p.m.my_fields.range-2" 2706 2707 > 2708 <span>Katnook Icons (2)</span> 2709 </label> 2710 </li><li class="flex items-center py-[6px]"> 2711 <input type="checkbox" 2712 name="filter.p.m.my_fields.range" 2713 value="Limited Release Icons" 2714 id="Filter-filter.p.m.my_fields.range-3" 2715 2716 2717 > 2718 <label 2719 class="text-sm" 2720 for="Filter-filter.p.m.my_fields.range-3" 2721 2722 > 2723 <span>Limited Release Icons (1)</span> 2724 </label> 2725 </li></ul></div> 2726 </template> 2727 </vue-collapsible> 2728 <vue-collapsible :is-open="false"> 2729 <template v-slot:title> 2730 <h4 style="color: ;">Varietal</h4> 2731 </template> 2732 <template> 2733 <div class="pb-4 collection__filter"><ul><li class="flex items-center py-[6px]"> 2734 <input type="checkbox" 2735 name="filter.p.m.my_fields.varietal" 2736 value="Cabernet Sauvignon" 2737 id="Filter-filter.p.m.my_fields.varietal-1" 2738 2739 2740 > 2741 <label 2742 class="text-sm" 2743 for="Filter-filter.p.m.my_fields.varietal-1" 2744 2745 > 2746 <span>Cabernet Sauvignon (2)</span> 2747 </label> 2748 </li><li class="flex items-center py-[6px]"> 2749 <input type="checkbox" 2750 name="filter.p.m.my_fields.varietal" 2751 value="Shiraz" 2752 id="Filter-filter.p.m.my_fields.varietal-2" 2753 2754 2755 > 2756 <label 2757 class="text-sm" 2758 for="Filter-filter.p.m.my_fields.varietal-2" 2759 2760 > 2761 <span>Shiraz (3)</span> 2762 </label> 2763 </li></ul></div> 2764 </template> 2765 </vue-collapsible></div> 2766 </div> 2767</transition><div class="flex justify-center mt-4 space-x-4 mb-9 md:mb-0 md:justify-start md:space-y-4 md:space-x-0 md:flex-col"> 2768 <div> 2769 <button 2770 class="link--dark" 2771 @click="submitFilter()" 2772 >Apply Filters</button> 2773 </div></div> 2774 2775 </section> 2776 2777 <section class="md:basis-3/4"><div class="relative"> 2778 <div v-if="isLoading"> 2779 <div class="text-center"> 2780 <p class="mb-4 lead">Loading products</p> 2781 <div class="loading-animation"> 2782 <div class="bounce1"></div> 2783 <div class="bounce2"></div> 2784 <div class="bounce3"></div> 2785 </div> 2786 </div> 2787 </div> 2788 2789 <template v-else> 2790 <ul class="grid grid-cols-1 gap-6 md:gap-[65px] md:grid-cols-2 lg:grid-cols-3"> 2791 2792 2793 2794 2795 2796 <product-item 2797 inline-template 2798 :product="{"id":9166139392301,"title":"2021 Katnook Prodigy Shiraz","handle":"katnook-prodigy-shiraz-2021","description":"\u003cp\u003eThis is a lively Shiraz, exhibiting bright rich fruits, such as blueberry and mulberry entwined with hints of spice. A supremely elegant cool climate Shiraz.\u003c\/p\u003e","published_at":"2024-03-06T16:17:56+11:00","created_at":"2024-02-27T17:09:14+11:00","vendor":"Katnook Estate","type":"","tags":["**NEW PRODUCT**","afr-28","Available-Stock","badge|95","badge|gold","badge|trophy","bottles_per_case|6","brand|Katnook","brand|Katnook Estate","cart_product_label|bottles","category|red","category|Still Wine - Red Wine","channel:online store","channel:pos","discountable","line_type:S","Museum \u0026 Rare","non-exclusive","product_label|per bottle","qty_case","region|Coonawarra","
2798subcollection|Katnook Icons","varietal|Shiraz","Wine Selectors Oct 24"],"price":10500,"price_min":10500,"price_max":10500,"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":48090057015597,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"589563","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"2021 Katnook Prodigy Shiraz","public_title":null,"options":["Default Title"],"price":10500,"weight":1520,"compare_at_price":0,"inventory_management":null,"barcode":"9313467007835","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/katnookestate.com.au\/cdn\/shop\/files\/Katnook-Prodigy-Shiraz-300x800.png?v=1787232140"],"featured_image":"\/\/katnookestate.com.au\/cdn\/shop\/files\/Katnook-Prodigy-Shiraz-300x800.png?v=1787232140","options":["Title"],"media":[{"alt":null,"id":44980449018157,"position":1,"preview_image":{"aspect_ratio":0.375,"height":801,"width":300,"src":"\/\/katnookestate.com.au\/cdn\/shop\/files\/Katnook-Prodigy-Shiraz-300x800.png?v=1787232140"},"aspect_ratio":0.375,"height":801,"media_type":"image","src":"\/\/katnookestate.com.au\/cdn\/shop\/files\/Katnook-Prodigy-Shiraz-300x800.png?v=1787232140","width":300}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThis is a lively Shiraz, exhibiting bright rich fruits, such as blueberry and mulberry entwined with hints of spice. A supremely elegant cool climate Shiraz.\u003c\/p\u003e"}" 2799 :featured-media="{"alt":null,"id":44980449018157,"position":1,"preview_image":{"aspect_ratio":0.375,"height":801,"width":300,"src":"\/\/katnookestate.com.au\/cdn\/shop\/files\/Katnook-Prodigy-Shiraz-300x800.png?v=1787232140"},"aspect_ratio":0.375,"height":801,"media_type":"image","src":"\/\/katnookestate.com.au\/cdn\/shop\/files\/Katnook-Prodigy-Shiraz-300x800.png?v=1787232140","width":300}" 2800 url="/collections/our-wines/products/katnook-prodigy-shiraz-2021" 2801 2802 :promotional-price="0" 2803 2804 > 2805 <div 2806 2807 style="order: 1" 2808 2809 class="flex px-3 py-2 rounded-[4px] md:rounded-none md:flex-col product-item group md:p-0 bg-transparent h-full"> 2810 <a :href="tileHref" :title="product.title" class="relative no-underline flex-[0_0_40%] md:flex-1"><div class="relative block h-full min-h-[188px] md:h-[auto] pb-[100%] w-[85px] md:w-full m-[0_auto] md:mb-2"> 2811 <div class="absolute inset-0 w-full md:overflow-hidden"> 2812 <responsive-image 2813 class="product-item__image md:group-hover:scale-[2] md:group-hover:origin-[50%_90%] block absolute inset-0 md:py-6 md:height-[0px] min-w-full max-w-full min-h-full max-h-full object-contain" 2814 v-if="media" 2815 :src="media.src" 2816 :base-size="500" 2817 :alt="media.alt || product.title"> 2818 </responsive-image> 2819 <template v-else><svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg></template> 2820 </div> 2821 </div> 2822 <div v-if="productBadges.length" class="absolute top-0 left-0 md:top-2 md:left-2 md:top-4 md:left-4 space-y-[2px] md:space-y-1"> 2823 <template v-for="badge in productBadges"> 2824 <responsive-image 2825 class="w-6 lazyload md:w-10" 2826 v-if="media" 2827 :src="`${parsedFileUrl + badge}.png`" 2828 :base-size="40" 2829 :alt="badge"> 2830 </responsive-image> 2831 2832 </template> 2833 </div> 2834 2835 <h3 class="hidden text-lg text-center md:block capitalize body-2" v-html="product.title"></h3> 2836 2837 2838 </a> 2839 2840 <div class="flex flex-col justify-between flex-1 md:justify-center md:items-center md:flex-none md:block"> 2841 <a :href="tileHref" :title="product.title" class="block no-underline md:space-y-2"> 2842 <div class="md:h-[16px] mb-1 md:mt-4 md:mb-2 md:mx-3"> 2843 <div 2844 v-if="promoBar" 2845 class="uppercase product-item__promo-bar px-[10px] md:h-full flex items-center justify-center h-[16px]" 2846 :class="'product-item__promo-bar--' + promoBar.toLowerCase().replace(/[^\w\s]/gi, '').replace(/ /g, '-')">
2847 <span class="leading-3 md:leading-5" v-html="promoBar"></span> 2848 </div> 2849 <span class="block text-left md:hidden body-5" v-html="product.title"></span> 2850 </div> 2851 </a> 2852 2853 2854 <div> 2855 <div class="min-w-[128px] md:min-w-0 inline-block text-center mb-2 pb-2 md:pb-0 md:mx-4 md:block border-b-[thin] md:border-none product-item__thin-line" style="border-color: #000000;"> 2856 <div class="flex items-center justify-center"> 2857 2858 <span v-if="nonDiscountable" class="block text-lg leading-5 md:leading-8 md:text-2xl">${ product.price | currencyFromCents }</span> 2859 2860 <span v-if="!nonDiscountable" class="leading-5 md:leading-8 block text-lg md:text-2xl ">${ finalBottlePrice | currencyFromCents }</span> 2861 </div> 2862 <span v-if="productLabel" class="block text-[10px] md:text-xs leading-3 md:leading-4"> 2863 ${ productLabel } 2864 2865 </span> 2866 </div> 2867 <hr class="hidden my-2 md:block md:mx-4 product-item__line" style="border-color: #000000;"/> 2868 <span v-if="finalCostPerCaseOrPack" class="block text-sm text-left md:mx-4 md:text-base md:text-center"> 2869 <span v-if="nonDiscountable" class="font-bold">${ finalCostPerCaseOrPackNonDiscounted | currencyFromCents }</span> 2870 <span v-else class="font-bold">${ finalCostPerCaseOrPack | currencyFromCents }</span> 2871 ${ caseOrPackLabel } of ${ bottlesPerCase || bottlesPerPack }</span> 2872 <span v-else class="block mx-4 text-base"> </span> 2873 2874 2875 <div v-if="cart" class="relative mt-1 mr-10 max-w-none md:mx-4 md:mt-4 md:group-hover:visible" :class="currentVariantInCart ? 'md:visible' : 'lg:invisible' "> 2876 <div class="flex justify-center w-full md:absolute md:bottom-full" v-if="currentVariantInCart && currentVariantInCart.message"> 2877 <small class="md:whitespace-nowrap cart__item__message cart__item__message--error">${ currentVariantInCart.message }</small> 2878 </div> 2879 <div v-if="currentVariantInCart" class="w-full md:max-w-none quantity max-w-[200px]"> 2880 <button :disabled="isCartLoading" @click.stop.prevent="minusQuantity(currentVariantInCart); updateQuantity(currentVariantInCart)" class="quantity__button"> 2881 <span class="icon-minus"></span> 2882 </button> 2883 <input type="text" :value="`${ currentVariantInCart.quantity } ${ quantitySelectorLabel }`" class="text-sm quantity__input" :disabled="isWelcomeDwComputed && isWelcomeDwUnavailable"> 2884 <button :disabled="isCartLoading || (isWelcomeDwComputed && isWelcomeDwUnavailable)" @click.stop.prevent="addQuantity(currentVariantInCart); updateQuantity(currentVariantInCart)" class="quantity__button"> 2885 <span class="icon-plus"></span> 2886 </button> 2887 </div> 2888 2889 2890 <button v-else-if="!isCellarDoor && !isNotShoppable" @click.stop.prevent="handleAddToCart" class="w-full md:max-w-none max-w-[200px] button--small" :disabled="isLowStock || (isWelcomeDwComputed && isWelcomeDwUnavailable)"> 2891 <span v-if="isSubmitting" class="spinner">Loading</span> 2892 <template v-else> 2893 <span v-if="isWelcomeDwComputed && isWelcomeDwUnavailable">Unavailable</span> 2894 <span v-else-if="!isLowStock">Shop Distinction Wines</span> 2895 <span v-else>Out of Stock</span> 2896 </template> 2897 </button> 2898 2899 <a v-else :href="tileHref" :title="product.title" class="w-full md:max-w-none max-w-[200px] button--small inline-block text-center"> 2900 View 2901 </a> 2902 2903 2904 2905 2906 </div> 2907 </div> 2908 2909 2910 </div> 2911 2912</div> 2913 </product-item> 2914 2915 2916 2917 <product-item 2918 inline-template 2919 :product="{"id":10036623999277,"title":"Katnook Estate Shiraz 2022","handle":"katnook-ke-shiraz-6p-750ml-v22","description":"\u003cp\u003eThis shiraz opens with pristine berry fruits, mulberry, blackberry, violet and white pepper spice. Subtle notes of dark chocolate and mocha, a very inviting shiraz.\u003c\/p\u003e","published_at":"2025-05-20T14:26:27+10:00","created_at":"2025-05-20T12:35:48+10:00","vendor":"Katnook Estate","type":"","tags":["**NEW PRODUCT**","Available-Stock","badge|gold","bottles_per_case|6","brand|Katnook Estate","cart_product_label|bottles","category|Still - Red Wine","category|Still Wine - Red Wine","channel:online store","channel:pos","createdby:mindarc","discountable","line_type:S","non-exclusive","product_label|per bottle","qty_case","region|Coonawarra","region|South Australia","
2919subcollection|Katnook Estate","updatedby:andie","updatedby:mindarc","varietal|Shiraz"],"price":4700,"price_min":4700,"price_max":4700,"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":50738415141165,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"589855","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Katnook Estate Shiraz 2022","public_title":null,"options":["Default Title"],"price":4700,"weight":1350,"compare_at_price":0,"inventory_management":null,"barcode":"9311043884108","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/katnookestate.com.au\/cdn\/shop\/files\/EstateShiraz_1_ae164e53-6cb0-45e6-acee-3f9e5b9319c2.png?v=1786427397"],"featured_image":"\/\/katnookestate.com.au\/cdn\/shop\/files\/EstateShiraz_1_ae164e53-6cb0-45e6-acee-3f9e5b9319c2.png?v=1786427397","options":["Title"],"media":[{"alt":null,"id":44936588230957,"position":1,"preview_image":{"aspect_ratio":0.375,"height":800,"width":300,"src":"\/\/katnookestate.com.au\/cdn\/shop\/files\/EstateShiraz_1_ae164e53-6cb0-45e6-acee-3f9e5b9319c2.png?v=1786427397"},"aspect_ratio":0.375,"height":800,"media_type":"image","src":"\/\/katnookestate.com.au\/cdn\/shop\/files\/EstateShiraz_1_ae164e53-6cb0-45e6-acee-3f9e5b9319c2.png?v=1786427397","width":300}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThis shiraz opens with pristine berry fruits, mulberry, blackberry, violet and white pepper spice. Subtle notes of dark chocolate and mocha, a very inviting shiraz.\u003c\/p\u003e"}" 2920 :featured-media="{"alt":null,"id":44936588230957,"position":1,"preview_image":{"aspect_ratio":0.375,"height":800,"width":300,"src":"\/\/katnookestate.com.au\/cdn\/shop\/files\/EstateShiraz_1_ae164e53-6cb0-45e6-acee-3f9e5b9319c2.png?v=1786427397"},"aspect_ratio":0.375,"height":800,"media_type":"image","src":"\/\/katnookestate.com.au\/cdn\/shop\/files\/EstateShiraz_1_ae164e53-6cb0-45e6-acee-3f9e5b9319c2.png?v=1786427397","width":300}" 2921 url="/collections/our-wines/products/katnook-ke-shiraz-6p-750ml-v22" 2922 2923 :promotional-price="0" 2924 2925 > 2926 <div 2927 2928 style="order: 2" 2929 2930 class="flex px-3 py-2 rounded-[4px] md:rounded-none md:flex-col product-item group md:p-0 bg-transparent h-full"> 2931 <a :href="tileHref" :title="product.title" class="relative no-underline flex-[0_0_40%] md:flex-1"><div class="relative block h-full min-h-[188px] md:h-[auto] pb-[100%] w-[85px] md:w-full m-[0_auto] md:mb-2"> 2932 <div class="absolute inset-0 w-full md:overflow-hidden"> 2933 <responsive-image 2934 class="product-item__image md:group-hover:scale-[2] md:group-hover:origin-[50%_90%] block absolute inset-0 md:py-6 md:height-[0px] min-w-full max-w-full min-h-full max-h-full object-contain" 2935 v-if="media" 2936 :src="media.src" 2937 :base-size="500" 2938 :alt="media.alt || product.title"> 2939 </responsive-image> 2940 <template v-else><svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg></template> 2941 </div> 2942 </div> 2943 <div v-if="productBadges.length" class="absolute top-0 left-0 md:top-2 md:left-2 md:top-4 md:left-4 space-y-[2px] md:space-y-1"> 2944 <template v-for="badge in productBadges"> 2945 <responsive-image 2946 class="w-6 lazyload md:w-10" 2947 v-if="media" 2948 :src="`${parsedFileUrl + badge}.png`" 2949 :base-size="40" 2950 :alt="badge"> 2951 </responsive-image> 2952 2953 </template> 2954 </div> 2955 2956 <h3 class="hidden text-lg text-center md:block capitalize body-2" v-html="product.title"></h3> 2957 2958 2959 </a> 2960 2961 <div class="flex flex-col justify-between flex-1 md:justify-center md:items-center md:flex-none md:block"> 2962 <a :href="tileHref" :title="product.title" class="block no-underline md:space-y-2"> 2963 <div class="md:h-[16px] mb-1 md:mt-4 md:mb-2 md:mx-3"> 2964 <div 2965 v-if="promoBar" 2966 class="uppercase product-item__promo-bar px-[10px] md:h-full flex items-center justify-center h-[16px]" 2967 :class="'product-item__promo-bar--' + promoBar.toLowerCase().replace(/[^\w\s]/gi, '').replace(/ /g, '-')">
2968 <span class="leading-3 md:leading-5" v-html="promoBar"></span> 2969 </div> 2970 <span class="block text-left md:hidden body-5" v-html="product.title"></span> 2971 </div> 2972 </a> 2973 2974 2975 <div> 2976 <div class="min-w-[128px] md:min-w-0 inline-block text-center mb-2 pb-2 md:pb-0 md:mx-4 md:block border-b-[thin] md:border-none product-item__thin-line" style="border-color: #000000;"> 2977 <div class="flex items-center justify-center"> 2978 2979 <span v-if="nonDiscountable" class="block text-lg leading-5 md:leading-8 md:text-2xl">${ product.price | currencyFromCents }</span> 2980 2981 <span v-if="!nonDiscountable" class="leading-5 md:leading-8 block text-lg md:text-2xl ">${ finalBottlePrice | currencyFromCents }</span> 2982 </div> 2983 <span v-if="productLabel" class="block text-[10px] md:text-xs leading-3 md:leading-4"> 2984 ${ productLabel } 2985 2986 </span> 2987 </div> 2988 <hr class="hidden my-2 md:block md:mx-4 product-item__line" style="border-color: #000000;"/> 2989 <span v-if="finalCostPerCaseOrPack" class="block text-sm text-left md:mx-4 md:text-base md:text-center"> 2990 <span v-if="nonDiscountable" class="font-bold">${ finalCostPerCaseOrPackNonDiscounted | currencyFromCents }</span> 2991 <span v-else class="font-bold">${ finalCostPerCaseOrPack | currencyFromCents }</span> 2992 ${ caseOrPackLabel } of ${ bottlesPerCase || bottlesPerPack }</span> 2993 <span v-else class="block mx-4 text-base"> </span> 2994 2995 2996 <div v-if="cart" class="relative mt-1 mr-10 max-w-none md:mx-4 md:mt-4 md:group-hover:visible" :class="currentVariantInCart ? 'md:visible' : 'lg:invisible' "> 2997 <div class="flex justify-center w-full md:absolute md:bottom-full" v-if="currentVariantInCart && currentVariantInCart.message"> 2998 <small class="md:whitespace-nowrap cart__item__message cart__item__message--error">${ currentVariantInCart.message }</small> 2999 </div> 3000 <div v-if="currentVariantInCart" class="w-full md:max-w-none quantity max-w-[200px]"> 3001 <button :disabled="isCartLoading" @click.stop.prevent="minusQuantity(currentVariantInCart); updateQuantity(currentVariantInCart)" class="quantity__button"> 3002 <span class="icon-minus"></span> 3003 </button> 3004 <input type="text" :value="`${ currentVariantInCart.quantity } ${ quantitySelectorLabel }`" class="text-sm quantity__input" :disabled="isWelcomeDwComputed && isWelcomeDwUnavailable"> 3005 <button :disabled="isCartLoading || (isWelcomeDwComputed && isWelcomeDwUnavailable)" @click.stop.prevent="addQuantity(currentVariantInCart); updateQuantity(currentVariantInCart)" class="quantity__button"> 3006 <span class="icon-plus"></span> 3007 </button> 3008 </div> 3009 3010 3011 <button v-else-if="!isCellarDoor && !isNotShoppable" @click.stop.prevent="handleAddToCart" class="w-full md:max-w-none max-w-[200px] button--small" :disabled="isLowStock || (isWelcomeDwComputed && isWelcomeDwUnavailable)"> 3012 <span v-if="isSubmitting" class="spinner">Loading</span> 3013 <template v-else> 3014 <span v-if="isWelcomeDwComputed && isWelcomeDwUnavailable">Unavailable</span> 3015 <span v-else-if="!isLowStock">Shop Distinction Wines</span> 3016 <span v-else>Out of Stock</span> 3017 </template> 3018 </button> 3019 3020 <a v-else :href="tileHref" :title="product.title" class="w-full md:max-w-none max-w-[200px] button--small inline-block text-center"> 3021 View 3022 </a> 3023 3024 3025 3026 3027 </div> 3028 </div> 3029 3030 3031 </div> 3032 3033</div> 3034 </product-item> 3035 3036 3037 3038 <product-item 3039 inline-template 3040 :product="{"id":10311516225837,"title":"2022 Katnook Odyssey Cabernet Sauvignon","handle":"2022-katnook-odyssey-cabernet-sauvignon","description":"\u003cp\u003eA quintessential Cabernet Sauvignon from the world-renowned Coonawarra, this wine beautifully captures the essence of the region, the variety, and the winery from which it hails.\u003c\/p\u003e","published_at":"2026-07-01T08:58:31+10:00","created_at":"2026-07-06T17:22:14+10:00","vendor":"Katnook Estate","type":"","tags":["**NEW PRODUCT**","Available-Stock","badge|95","badge|96x2","badge|LangtonsClassified","bottles_per_case|6","brand|Katnook Estate","cart_product_label|bottles","category red","category|Still - Red Wine","channel:online store","channel:pos","createdby:mindarc","discountable","non-exclusive","product_label|per bottle","qty_case","
3040subcollection|Katnook Icons","updatedby:andie","varietal|Cabernet Sauvignon"],"price":10500,"price_min":10500,"price_max":10500,"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":52204792840493,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"589889","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"2022 Katnook Odyssey Cabernet Sauvignon","public_title":null,"options":["Default Title"],"price":10500,"weight":1550,"compare_at_price":0,"inventory_management":null,"barcode":"9311043010897","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/katnookestate.com.au\/cdn\/shop\/files\/KatnookOdyssey300-x-800_1.png?v=1788936470"],"featured_image":"\/\/katnookestate.com.au\/cdn\/shop\/files\/KatnookOdyssey300-x-800_1.png?v=1788936470","options":["Title"],"media":[{"alt":null,"id":45068446597421,"position":1,"preview_image":{"aspect_ratio":0.375,"height":802,"width":301,"src":"\/\/katnookestate.com.au\/cdn\/shop\/files\/KatnookOdyssey300-x-800_1.png?v=1788936470"},"aspect_ratio":0.375,"height":802,"media_type":"image","src":"\/\/katnookestate.com.au\/cdn\/shop\/files\/KatnookOdyssey300-x-800_1.png?v=1788936470","width":301}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eA quintessential Cabernet Sauvignon from the world-renowned Coonawarra, this wine beautifully captures the essence of the region, the variety, and the winery from which it hails.\u003c\/p\u003e"}" 3041 :featured-media="{"alt":null,"id":45068446597421,"position":1,"preview_image":{"aspect_ratio":0.375,"height":802,"width":301,"src":"\/\/katnookestate.com.au\/cdn\/shop\/files\/KatnookOdyssey300-x-800_1.png?v=1788936470"},"aspect_ratio":0.375,"height":802,"media_type":"image","src":"\/\/katnookestate.com.au\/cdn\/shop\/files\/KatnookOdyssey300-x-800_1.png?v=1788936470","width":301}" 3042 url="/collections/our-wines/products/2022-katnook-odyssey-cabernet-sauvignon" 3043 3044 :promotional-price="0" 3045 3046 > 3047 <div 3048 3049 style="order: 3" 3050 3051 class="flex px-3 py-2 rounded-[4px] md:rounded-none md:flex-col product-item group md:p-0 bg-transparent h-full"> 3052 <a :href="tileHref" :title="product.title" class="relative no-underline flex-[0_0_40%] md:flex-1"><div class="relative block h-full min-h-[188px] md:h-[auto] pb-[100%] w-[85px] md:w-full m-[0_auto] md:mb-2"> 3053 <div class="absolute inset-0 w-full md:overflow-hidden"> 3054 <responsive-image 3055 class="product-item__image md:group-hover:scale-[2] md:group-hover:origin-[50%_90%] block absolute inset-0 md:py-6 md:height-[0px] min-w-full max-w-full min-h-full max-h-full object-contain" 3056 v-if="media" 3057 :src="media.src" 3058 :base-size="500" 3059 :alt="media.alt || product.title"> 3060 </responsive-image> 3061 <template v-else><svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg></template> 3062 </div> 3063 </div> 3064 <div v-if="productBadges.length" class="absolute top-0 left-0 md:top-2 md:left-2 md:top-4 md:left-4 space-y-[2px] md:space-y-1"> 3065 <template v-for="badge in productBadges"> 3066 <responsive-image 3067 class="w-6 lazyload md:w-10" 3068 v-if="media" 3069 :src="`${parsedFileUrl + badge}.png`" 3070 :base-size="40" 3071 :alt="badge"> 3072 </responsive-image> 3073 3074 </template> 3075 </div> 3076 3077 <h3 class="hidden text-lg text-center md:block capitalize body-2" v-html="product.title"></h3> 3078 3079 3080 </a> 3081 3082 <div class="flex flex-col justify-between flex-1 md:justify-center md:items-center md:flex-none md:block"> 3083 <a :href="tileHref" :title="product.title" class="block no-underline md:space-y-2"> 3084 <div class="md:h-[16px] mb-1 md:mt-4 md:mb-2 md:mx-3"> 3085 <div 3086 v-if="promoBar" 3087 class="uppercase product-item__promo-bar px-[10px] md:h-full flex items-center justify-center h-[16px]" 3088 :class="'product-item__promo-bar--' + promoBar.toLowerCase().replace(/[^\w\s]/gi, '').replace(/ /g, '-')">
3089 <span class="leading-3 md:leading-5" v-html="promoBar"></span> 3090 </div> 3091 <span class="block text-left md:hidden body-5" v-html="product.title"></span> 3092 </div> 3093 </a> 3094 3095 3096 <div> 3097 <div class="min-w-[128px] md:min-w-0 inline-block text-center mb-2 pb-2 md:pb-0 md:mx-4 md:block border-b-[thin] md:border-none product-item__thin-line" style="border-color: #000000;"> 3098 <div class="flex items-center justify-center"> 3099 3100 <span v-if="nonDiscountable" class="block text-lg leading-5 md:leading-8 md:text-2xl">${ product.price | currencyFromCents }</span> 3101 3102 <span v-if="!nonDiscountable" class="leading-5 md:leading-8 block text-lg md:text-2xl ">${ finalBottlePrice | currencyFromCents }</span> 3103 </div> 3104 <span v-if="productLabel" class="block text-[10px] md:text-xs leading-3 md:leading-4"> 3105 ${ productLabel } 3106 3107 </span> 3108 </div> 3109 <hr class="hidden my-2 md:block md:mx-4 product-item__line" style="border-color: #000000;"/> 3110 <span v-if="finalCostPerCaseOrPack" class="block text-sm text-left md:mx-4 md:text-base md:text-center"> 3111 <span v-if="nonDiscountable" class="font-bold">${ finalCostPerCaseOrPackNonDiscounted | currencyFromCents }</span> 3112 <span v-else class="font-bold">${ finalCostPerCaseOrPack | currencyFromCents }</span> 3113 ${ caseOrPackLabel } of ${ bottlesPerCase || bottlesPerPack }</span> 3114 <span v-else class="block mx-4 text-base"> </span> 3115 3116 3117 <div v-if="cart" class="relative mt-1 mr-10 max-w-none md:mx-4 md:mt-4 md:group-hover:visible" :class="currentVariantInCart ? 'md:visible' : 'lg:invisible' "> 3118 <div class="flex justify-center w-full md:absolute md:bottom-full" v-if="currentVariantInCart && currentVariantInCart.message"> 3119 <small class="md:whitespace-nowrap cart__item__message cart__item__message--error">${ currentVariantInCart.message }</small> 3120 </div> 3121 <div v-if="currentVariantInCart" class="w-full md:max-w-none quantity max-w-[200px]"> 3122 <button :disabled="isCartLoading" @click.stop.prevent="minusQuantity(currentVariantInCart); updateQuantity(currentVariantInCart)" class="quantity__button"> 3123 <span class="icon-minus"></span> 3124 </button> 3125 <input type="text" :value="`${ currentVariantInCart.quantity } ${ quantitySelectorLabel }`" class="text-sm quantity__input" :disabled="isWelcomeDwComputed && isWelcomeDwUnavailable"> 3126 <button :disabled="isCartLoading || (isWelcomeDwComputed && isWelcomeDwUnavailable)" @click.stop.prevent="addQuantity(currentVariantInCart); updateQuantity(currentVariantInCart)" class="quantity__button"> 3127 <span class="icon-plus"></span> 3128 </button> 3129 </div> 3130 3131 3132 <button v-else-if="!isCellarDoor && !isNotShoppable" @click.stop.prevent="handleAddToCart" class="w-full md:max-w-none max-w-[200px] button--small" :disabled="isLowStock || (isWelcomeDwComputed && isWelcomeDwUnavailable)"> 3133 <span v-if="isSubmitting" class="spinner">Loading</span> 3134 <template v-else> 3135 <span v-if="isWelcomeDwComputed && isWelcomeDwUnavailable">Unavailable</span> 3136 <span v-else-if="!isLowStock">Shop Distinction Wines</span> 3137 <span v-else>Out of Stock</span> 3138 </template> 3139 </button> 3140 3141 <a v-else :href="tileHref" :title="product.title" class="w-full md:max-w-none max-w-[200px] button--small inline-block text-center"> 3142 View 3143 </a> 3144 3145 3146 3147 3148 </div> 3149 </div> 3150 3151 3152 </div> 3153 3154</div> 3155 </product-item> 3156 3157 3158 3159 <product-item 3160 inline-template 3161 :product="{"id":10311517012269,"title":"Katnook Prodigy Shiraz 2022","handle":"katnook-prodigy-shiraz-2022","description":"\u003cp\u003eThis cool climate shiraz has an inviting nose of violets, white pepper and spice entwined with bright blue and black fruits, Danish and a touch of cedar - the aromatics are inviting.\u003c\/p\u003e","published_at":"2025-11-07T15:59:47+11:00","created_at":"2026-07-06T17:29:55+10:00","vendor":"Katnook Estate","type":"","tags":["**NEW PRODUCT**","Available-Stock","badge|95x2","badge|goldx2","bottles_per_case|6","brand|Katnook Estate","cart_product_label|bottles","category|Still - Red Wine","category|Still Wine - Red Wine","channel:pos","createdby:mindarc","discountable","line_type:S","Museum \u0026 Rare","non-exclusive","product_label|per bottle","qty_case","quantity case","region|Coonawarra","
3161subcollection|Katnook Icons","updatedby:andie","varietal|Shiraz"],"price":10500,"price_min":10500,"price_max":10500,"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":52204800409901,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"589888","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Katnook Prodigy Shiraz 2022","public_title":null,"options":["Default Title"],"price":10500,"weight":1520,"compare_at_price":0,"inventory_management":null,"barcode":"9311043010880","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/katnookestate.com.au\/cdn\/shop\/files\/Katnook-Prodigy-Shiraz-300x800_717ed6f0-c886-4a6c-a5cb-22851de8d588.png?v=1788936468"],"featured_image":"\/\/katnookestate.com.au\/cdn\/shop\/files\/Katnook-Prodigy-Shiraz-300x800_717ed6f0-c886-4a6c-a5cb-22851de8d588.png?v=1788936468","options":["Title"],"media":[{"alt":null,"id":45068446531885,"position":1,"preview_image":{"aspect_ratio":0.375,"height":801,"width":300,"src":"\/\/katnookestate.com.au\/cdn\/shop\/files\/Katnook-Prodigy-Shiraz-300x800_717ed6f0-c886-4a6c-a5cb-22851de8d588.png?v=1788936468"},"aspect_ratio":0.375,"height":801,"media_type":"image","src":"\/\/katnookestate.com.au\/cdn\/shop\/files\/Katnook-Prodigy-Shiraz-300x800_717ed6f0-c886-4a6c-a5cb-22851de8d588.png?v=1788936468","width":300}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThis cool climate shiraz has an inviting nose of violets, white pepper and spice entwined with bright blue and black fruits, Danish and a touch of cedar - the aromatics are inviting.\u003c\/p\u003e"}" 3162 :featured-media="{"alt":null,"id":45068446531885,"position":1,"preview_image":{"aspect_ratio":0.375,"height":801,"width":300,"src":"\/\/katnookestate.com.au\/cdn\/shop\/files\/Katnook-Prodigy-Shiraz-300x800_717ed6f0-c886-4a6c-a5cb-22851de8d588.png?v=1788936468"},"aspect_ratio":0.375,"height":801,"media_type":"image","src":"\/\/katnookestate.com.au\/cdn\/shop\/files\/Katnook-Prodigy-Shiraz-300x800_717ed6f0-c886-4a6c-a5cb-22851de8d588.png?v=1788936468","width":300}" 3163 url="/collections/our-wines/products/katnook-prodigy-shiraz-2022" 3164 3165 :promotional-price="0" 3166 3167 > 3168 <div 3169 3170 style="order: 4" 3171 3172 class="flex px-3 py-2 rounded-[4px] md:rounded-none md:flex-col product-item group md:p-0 bg-transparent h-full"> 3173 <a :href="tileHref" :title="product.title" class="relative no-underline flex-[0_0_40%] md:flex-1"><div class="relative block h-full min-h-[188px] md:h-[auto] pb-[100%] w-[85px] md:w-full m-[0_auto] md:mb-2"> 3174 <div class="absolute inset-0 w-full md:overflow-hidden"> 3175 <responsive-image 3176 class="product-item__image md:group-hover:scale-[2] md:group-hover:origin-[50%_90%] block absolute inset-0 md:py-6 md:height-[0px] min-w-full max-w-full min-h-full max-h-full object-contain" 3177 v-if="media" 3178 :src="media.src" 3179 :base-size="500" 3180 :alt="media.alt || product.title"> 3181 </responsive-image> 3182 <template v-else><svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg></template> 3183 </div> 3184 </div> 3185 <div v-if="productBadges.length" class="absolute top-0 left-0 md:top-2 md:left-2 md:top-4 md:left-4 space-y-[2px] md:space-y-1"> 3186 <template v-for="badge in productBadges"> 3187 <responsive-image 3188 class="w-6 lazyload md:w-10" 3189 v-if="media" 3190 :src="`${parsedFileUrl + badge}.png`" 3191 :base-size="40" 3192 :alt="badge"> 3193 </responsive-image> 3194 3195 </template> 3196 </div> 3197 3198 <h3 class="hidden text-lg text-center md:block capitalize body-2" v-html="product.title"></h3> 3199 3200 3201 </a> 3202 3203 <div class="flex flex-col justify-between flex-1 md:justify-center md:items-center md:flex-none md:block"> 3204 <a :href="tileHref" :title="product.title" class="block no-underline md:space-y-2"> 3205 <div class="md:h-[16px] mb-1 md:mt-4 md:mb-2 md:mx-3"> 3206 <div 3207 v-if="promoBar" 3208 class="uppercase product-item__promo-bar px-[10px] md:h-full flex items-center justify-center h-[16px]" 3209 :class="'product-item__promo-bar--' + promoBar.toLowerCase().replace(/[^\w\s]/gi, '').replace(/ /g, '-')">
3210 <span class="leading-3 md:leading-5" v-html="promoBar"></span> 3211 </div> 3212 <span class="block text-left md:hidden body-5" v-html="product.title"></span> 3213 </div> 3214 </a> 3215 3216 3217 <div> 3218 <div class="min-w-[128px] md:min-w-0 inline-block text-center mb-2 pb-2 md:pb-0 md:mx-4 md:block border-b-[thin] md:border-none product-item__thin-line" style="border-color: #000000;"> 3219 <div class="flex items-center justify-center"> 3220 3221 <span v-if="nonDiscountable" class="block text-lg leading-5 md:leading-8 md:text-2xl">${ product.price | currencyFromCents }</span> 3222 3223 <span v-if="!nonDiscountable" class="leading-5 md:leading-8 block text-lg md:text-2xl ">${ finalBottlePrice | currencyFromCents }</span> 3224 </div> 3225 <span v-if="productLabel" class="block text-[10px] md:text-xs leading-3 md:leading-4"> 3226 ${ productLabel } 3227 3228 </span> 3229 </div> 3230 <hr class="hidden my-2 md:block md:mx-4 product-item__line" style="border-color: #000000;"/> 3231 <span v-if="finalCostPerCaseOrPack" class="block text-sm text-left md:mx-4 md:text-base md:text-center"> 3232 <span v-if="nonDiscountable" class="font-bold">${ finalCostPerCaseOrPackNonDiscounted | currencyFromCents }</span> 3233 <span v-else class="font-bold">${ finalCostPerCaseOrPack | currencyFromCents }</span> 3234 ${ caseOrPackLabel } of ${ bottlesPerCase || bottlesPerPack }</span> 3235 <span v-else class="block mx-4 text-base"> </span> 3236 3237 3238 <div v-if="cart" class="relative mt-1 mr-10 max-w-none md:mx-4 md:mt-4 md:group-hover:visible" :class="currentVariantInCart ? 'md:visible' : 'lg:invisible' "> 3239 <div class="flex justify-center w-full md:absolute md:bottom-full" v-if="currentVariantInCart && currentVariantInCart.message"> 3240 <small class="md:whitespace-nowrap cart__item__message cart__item__message--error">${ currentVariantInCart.message }</small> 3241 </div> 3242 <div v-if="currentVariantInCart" class="w-full md:max-w-none quantity max-w-[200px]"> 3243 <button :disabled="isCartLoading" @click.stop.prevent="minusQuantity(currentVariantInCart); updateQuantity(currentVariantInCart)" class="quantity__button"> 3244 <span class="icon-minus"></span> 3245 </button> 3246 <input type="text" :value="`${ currentVariantInCart.quantity } ${ quantitySelectorLabel }`" class="text-sm quantity__input" :disabled="isWelcomeDwComputed && isWelcomeDwUnavailable"> 3247 <button :disabled="isCartLoading || (isWelcomeDwComputed && isWelcomeDwUnavailable)" @click.stop.prevent="addQuantity(currentVariantInCart); updateQuantity(currentVariantInCart)" class="quantity__button"> 3248 <span class="icon-plus"></span> 3249 </button> 3250 </div> 3251 3252 3253 <button v-else-if="!isCellarDoor && !isNotShoppable" @click.stop.prevent="handleAddToCart" class="w-full md:max-w-none max-w-[200px] button--small" :disabled="isLowStock || (isWelcomeDwComputed && isWelcomeDwUnavailable)"> 3254 <span v-if="isSubmitting" class="spinner">Loading</span> 3255 <template v-else> 3256 <span v-if="isWelcomeDwComputed && isWelcomeDwUnavailable">Unavailable</span> 3257 <span v-else-if="!isLowStock">Shop Distinction Wines</span> 3258 <span v-else>Out of Stock</span> 3259 </template> 3260 </button> 3261 3262 <a v-else :href="tileHref" :title="product.title" class="w-full md:max-w-none max-w-[200px] button--small inline-block text-center"> 3263 View 3264 </a> 3265 3266 3267 3268 3269 </div> 3270 </div> 3271 3272 3273 </div> 3274 3275</div> 3276 </product-item> 3277 3278 3279 3280 <product-item 3281 inline-template 3282 :product="{"id":10311517143341,"title":"2024 Katnook Estate Cabernet Sauvignon","handle":"2024-katnook-estate-cabernet-sauvignon","description":"\u003cp\u003eIntense aromas of blackcurrant, blackberry and dark cherry mingle with herbal notes of chocolate and mint. Subtle cedar, tobacco, and a hint of graphite add complexity, supported by gentle French oak spice. The nose is both fresh and layered. \u003c\/p\u003e","published_at":"2026-06-25T16:45:10+10:00","created_at":"2026-07-06T17:30:43+10:00","vendor":"Katnook Estate","type":"","tags":["**NEW PRODUCT**","Available-Stock","badge|gold","bottles_per_case|6","brand|Katnook","brand|Katnook Estate","cart_product_label|bottles","category red","category still wine","category|Still - Red Wine","category|Still Wine - Red Wine","channel:online store","channel:pos","createdby:mindarc","discountable","line_type:S","non-exclusive","product_label|per bottle","qty_case","region|Coonawarra","
3282subcollection|Katnook Estate","updatedby:andie","varietal|Cabernet","varietal|Cabernet Sauvignon"],"price":4700,"price_min":4700,"price_max":4700,"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":52204800737581,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"596743","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"2024 Katnook Estate Cabernet Sauvignon","public_title":null,"options":["Default Title"],"price":4700,"weight":1550,"compare_at_price":0,"inventory_management":null,"barcode":"9311043884085","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/katnookestate.com.au\/cdn\/shop\/files\/2020KatnookbottlepicEstateCabSauv_abe57e44-bc91-4909-aa44-2cb4d6834fec.png?v=1783422540"],"featured_image":"\/\/katnookestate.com.au\/cdn\/shop\/files\/2020KatnookbottlepicEstateCabSauv_abe57e44-bc91-4909-aa44-2cb4d6834fec.png?v=1783422540","options":["Title"],"media":[{"alt":null,"id":44799917752621,"position":1,"preview_image":{"aspect_ratio":0.375,"height":800,"width":300,"src":"\/\/katnookestate.com.au\/cdn\/shop\/files\/2020KatnookbottlepicEstateCabSauv_abe57e44-bc91-4909-aa44-2cb4d6834fec.png?v=1783422540"},"aspect_ratio":0.375,"height":800,"media_type":"image","src":"\/\/katnookestate.com.au\/cdn\/shop\/files\/2020KatnookbottlepicEstateCabSauv_abe57e44-bc91-4909-aa44-2cb4d6834fec.png?v=1783422540","width":300}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eIntense aromas of blackcurrant, blackberry and dark cherry mingle with herbal notes of chocolate and mint. Subtle cedar, tobacco, and a hint of graphite add complexity, supported by gentle French oak spice. The nose is both fresh and layered. \u003c\/p\u003e"}" 3283 :featured-media="{"alt":null,"id":44799917752621,"position":1,"preview_image":{"aspect_ratio":0.375,"height":800,"width":300,"src":"\/\/katnookestate.com.au\/cdn\/shop\/files\/2020KatnookbottlepicEstateCabSauv_abe57e44-bc91-4909-aa44-2cb4d6834fec.png?v=1783422540"},"aspect_ratio":0.375,"height":800,"media_type":"image","src":"\/\/katnookestate.com.au\/cdn\/shop\/files\/2020KatnookbottlepicEstateCabSauv_abe57e44-bc91-4909-aa44-2cb4d6834fec.png?v=1783422540","width":300}" 3284 url="/collections/our-wines/products/2024-katnook-estate-cabernet-sauvignon" 3285 3286 :promotional-price="0" 3287 3288 > 3289 <div 3290 3291 style="order: 5" 3292 3293 class="flex px-3 py-2 rounded-[4px] md:rounded-none md:flex-col product-item group md:p-0 bg-transparent h-full"> 3294 <a :href="tileHref" :title="product.title" class="relative no-underline flex-[0_0_40%] md:flex-1"><div class="relative block h-full min-h-[188px] md:h-[auto] pb-[100%] w-[85px] md:w-full m-[0_auto] md:mb-2"> 3295 <div class="absolute inset-0 w-full md:overflow-hidden"> 3296 <responsive-image 3297 class="product-item__image md:group-hover:scale-[2] md:group-hover:origin-[50%_90%] block absolute inset-0 md:py-6 md:height-[0px] min-w-full max-w-full min-h-full max-h-full object-contain" 3298 v-if="media" 3299 :src="media.src" 3300 :base-size="500" 3301 :alt="media.alt || product.title"> 3302 </responsive-image> 3303 <template v-else><svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg></template> 3304 </div> 3305 </div> 3306 <div v-if="productBadges.length" class="absolute top-0 left-0 md:top-2 md:left-2 md:top-4 md:left-4 space-y-[2px] md:space-y-1"> 3307 <template v-for="badge in productBadges"> 3308 <responsive-image 3309 class="w-6 lazyload md:w-10" 3310 v-if="media" 3311 :src="`${parsedFileUrl + badge}.png`" 3312 :base-size="40" 3313 :alt="badge"> 3314 </responsive-image> 3315 3316 </template> 3317 </div> 3318 3319 <h3 class="hidden text-lg text-center md:block capitalize body-2" v-html="product.title"></h3> 3320 3321 3322 </a> 3323 3324 <div class="flex flex-col justify-between flex-1 md:justify-center md:items-center md:flex-none md:block"> 3325 <a :href="tileHref" :title="product.title" class="block no-underline md:space-y-2"> 3326 <div class="md:h-[16px] mb-1 md:mt-4 md:mb-2 md:mx-3"> 3327 <div 3328 v-if="promoBar" 3329 class="uppercase product-item__promo-bar px-[10px] md:h-full flex items-center justify-center h-[16px]" 3330 :class="'product-item__promo-bar--' + promoBar.toLowerCase().replace(/[^\w\s]/gi, '').replace(/ /g, '-')">
3331 <span class="leading-3 md:leading-5" v-html="promoBar"></span> 3332 </div> 3333 <span class="block text-left md:hidden body-5" v-html="product.title"></span> 3334 </div> 3335 </a> 3336 3337 3338 <div> 3339 <div class="min-w-[128px] md:min-w-0 inline-block text-center mb-2 pb-2 md:pb-0 md:mx-4 md:block border-b-[thin] md:border-none product-item__thin-line" style="border-color: #000000;"> 3340 <div class="flex items-center justify-center"> 3341 3342 <span v-if="nonDiscountable" class="block text-lg leading-5 md:leading-8 md:text-2xl">${ product.price | currencyFromCents }</span> 3343 3344 <span v-if="!nonDiscountable" class="leading-5 md:leading-8 block text-lg md:text-2xl ">${ finalBottlePrice | currencyFromCents }</span> 3345 </div> 3346 <span v-if="productLabel" class="block text-[10px] md:text-xs leading-3 md:leading-4"> 3347 ${ productLabel } 3348 3349 </span> 3350 </div> 3351 <hr class="hidden my-2 md:block md:mx-4 product-item__line" style="border-color: #000000;"/> 3352 <span v-if="finalCostPerCaseOrPack" class="block text-sm text-left md:mx-4 md:text-base md:text-center"> 3353 <span v-if="nonDiscountable" class="font-bold">${ finalCostPerCaseOrPackNonDiscounted | currencyFromCents }</span> 3354 <span v-else class="font-bold">${ finalCostPerCaseOrPack | currencyFromCents }</span> 3355 ${ caseOrPackLabel } of ${ bottlesPerCase || bottlesPerPack }</span> 3356 <span v-else class="block mx-4 text-base"> </span> 3357 3358 3359 <div v-if="cart" class="relative mt-1 mr-10 max-w-none md:mx-4 md:mt-4 md:group-hover:visible" :class="currentVariantInCart ? 'md:visible' : 'lg:invisible' "> 3360 <div class="flex justify-center w-full md:absolute md:bottom-full" v-if="currentVariantInCart && currentVariantInCart.message"> 3361 <small class="md:whitespace-nowrap cart__item__message cart__item__message--error">${ currentVariantInCart.message }</small> 3362 </div> 3363 <div v-if="currentVariantInCart" class="w-full md:max-w-none quantity max-w-[200px]"> 3364 <button :disabled="isCartLoading" @click.stop.prevent="minusQuantity(currentVariantInCart); updateQuantity(currentVariantInCart)" class="quantity__button"> 3365 <span class="icon-minus"></span> 3366 </button> 3367 <input type="text" :value="`${ currentVariantInCart.quantity } ${ quantitySelectorLabel }`" class="text-sm quantity__input" :disabled="isWelcomeDwComputed && isWelcomeDwUnavailable"> 3368 <button :disabled="isCartLoading || (isWelcomeDwComputed && isWelcomeDwUnavailable)" @click.stop.prevent="addQuantity(currentVariantInCart); updateQuantity(currentVariantInCart)" class="quantity__button"> 3369 <span class="icon-plus"></span> 3370 </button> 3371 </div> 3372 3373 3374 <button v-else-if="!isCellarDoor && !isNotShoppable" @click.stop.prevent="handleAddToCart" class="w-full md:max-w-none max-w-[200px] button--small" :disabled="isLowStock || (isWelcomeDwComputed && isWelcomeDwUnavailable)"> 3375 <span v-if="isSubmitting" class="spinner">Loading</span> 3376 <template v-else> 3377 <span v-if="isWelcomeDwComputed && isWelcomeDwUnavailable">Unavailable</span> 3378 <span v-else-if="!isLowStock">Shop Distinction Wines</span> 3379 <span v-else>Out of Stock</span> 3380 </template> 3381 </button> 3382 3383 <a v-else :href="tileHref" :title="product.title" class="w-full md:max-w-none max-w-[200px] button--small inline-block text-center"> 3384 View 3385 </a> 3386 3387 3388 3389 3390 </div> 3391 </div> 3392 3393 3394 </div> 3395 3396</div> 3397 </product-item> 3398 3399 </ul></template> 3400 3401 </div></section> 3402 </div> 3403 </form> 3404 </collection> 3405</article> 3406 3407 3408</div> 3409 </article> 3410 </main> 3411 3412 <footer id="shopify-section-footer__main" class="shopify-section"><style data-shopify> 3413 .footer__main { 3414 background-color: #3d3734; 3415 3416 } 3417 3418 .footer__main .collapsible__toggle { 3419 color: #ffffff; 3420 } 3421 3422 .footer__main .menu__title { 3423 -webkit-text-fill-color: transparent; 3424 background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 100%); 3425 -webkit-background-clip: text; 3426 } 3427 3428 .footer__main .menu__title-mobile { 3429 color: #1d1d1b !important; 3430 } 3431 3432 @media (max-width: 768px) { 3433 .footer__main .menu__title-cta-button { 3434 background-image: linear-gradient(180deg, rgba(187, 131, 86, 1), rgba(187, 131, 86, 1) 100%) !important; 3435 } 3436 } 3437 3438 @media (max-width: 768px) { 3439 .footer__main h4 { 3440 font-size: 15px; 3441 } 3442 } 3443</style> 3444 3445<section class="footer__main"> 3446 <div class="container max-w-[1440px]"> 3447 3448 <div class="flex justify-center"> 3449 <a href="" class="logo-image-footer"> 3450 <img 3451 class="px-3 pt-5 pb-4 lazyload" 3452 data-src="//katnookestate.com.au/cdn/shop/files/KatnookEstate_Logo_RGB_Reverse.png?v=1681697171" 3453 width="800" 3454 height="198" 3455 alt="Katnook Estate Wines Logo" /> 3456 </a> 3457 </div> 3458 3459 3460 <div vue-init class="grid-cols-1 gap-4 pt-1 pb-4 md:py-8 md:grid md:gap-8 md:grid-cols-3 xl:grid-cols-5"> 3461 3462 <div class="flex-col hidden -mx-4 bg-transparent md:flex"> 3463 <h4 class="body-1 py-3.5 px-4 md:py-0 flex justify-between normal-case menu__title"> 3464 <a href="/pages/bookings"> 3465 Book An Experience 3466 </a>
3467 <span class="text-xs leading-8 icon-arrow-right md:hidden"></span> 3468 </h4> 3469 </div> 3470 3471 3472 <div class="flex flex-col -mx-4 bg-transparent md:hidden menu__title-cta-button"> 3473 <h4 class="body-1 py-3.5 px-4 md:py-0 flex justify-between normal-case menu__title-mobile"> 3474 <a href="/pages/bookings"> 3475 Book An Experience 3476 </a> 3477 <span class="text-xs leading-8 icon-arrow-right md:hidden"></span> 3478 </h4> 3479 </div> 3480 3481 3482 <div class="flex flex-col"> 3483 3484 3485 <vue-collapsible> 3486 <template v-slot:title> 3487 <h4 3488 3489 class="body-1 menu__title" 3490 3491 > 3492 3493 About Us 3494 3495 </h4> 3496 </template> 3497 <template> 3498 3499 3500 <div class="flex flex-col"> 3501 3502 3503 3504 <a 3505 class="tracking-[1px] mt-2 no-underline hover:underline body-4" 3506 3507 style="color: #ffffff;" 3508 3509 href="/pages/our-story">Our Story 3510 </a> 3511 3512 3513 3514 3515 <a 3516 class="tracking-[1px] mt-2 no-underline hover:underline body-4" 3517 3518 style="color: #ffffff;" 3519 3520 href="/pages/cellar-door">Cellar Door 3521 </a> 3522 3523 3524 3525 3526 <a 3527 class="tracking-[1px] mt-2 no-underline hover:underline body-4" 3528 3529 style="color: #ffffff;" 3530 3531 href="/pages/distinction-wines">What Is Distinction Wines? 3532 </a> 3533 3534 3535 3536 3537 <a 3538 class="tracking-[1px] mt-2 no-underline hover:underline body-4" 3539 3540 style="color: #ffffff;" 3541 3542 href="/pages/contact">Contact Us 3543 </a> 3544 3545 3546 3547 3548 <a 3549 class="tracking-[1px] mt-2 no-underline hover:underline body-4" 3550 3551 style="color: #ffffff;" 3552 3553 href="/pages/terms-and-conditions">Terms and Conditions 3554 </a> 3555 3556 3557 3558 3559 <a 3560 class="tracking-[1px] mt-2 no-underline hover:underline body-4" 3561 3562 style="color: #ffffff;" 3563 3564 href="https://distinctionwines.com.au/pages/distinction-wines-customer-loyalty-program-terms-conditions">Loyalty Program Terms & Conditions 3565 </a> 3566 3567 3568 3569 3570 <a 3571 class="tracking-[1px] mt-2 no-underline hover:underline body-4" 3572 3573 style="color: #ffffff;" 3574 3575 href="https://vinarchy.com/pages/privacy-policy">Privacy Policy 3576 </a> 3577 3578 3579 </div> 3580 3581 </template> 3582 </vue-collapsible> 3583 3584 3585 </div> 3586 3587 <div class="flex flex-col"> 3588 3589 3590 <vue-collapsible> 3591 <template v-slot:title> 3592 <h4 3593 3594 class="body-1 menu__title" 3595 3596 > 3597 3598 Our Wines 3599 3600 </h4> 3601 </template> 3602 <template> 3603 3604 3605 <div class="flex flex-col"> 3606 3607 3608 3609 <a 3610 class="tracking-[1px] mt-2 no-underline hover:underline body-4" 3611 3612 style="color: #ffffff;" 3613 3614 href="/collections/our-wines">Shop All Wines 3615 </a> 3616 3617 3618 3619 3620 <a 3621 class="tracking-[1px] mt-2 no-underline hover:underline body-4" 3622 3623 style="color: #ffffff;" 3624 3625 href="/collections/limited-release-icons">Limited Release 3626 </a> 3627 3628 3629 3630 3631 <a 3632 class="tracking-[1px] mt-2 no-underline hover:underline body-4" 3633 3634 style="color: #ffffff;" 3635 3636 href="/collections/founders-block">Founder's Block 3637 </a> 3638 3639 3640 3641 3642 <a 3643 class="tracking-[1px] mt-2 no-underline hover:underline body-4" 3644 3645 style="color: #ffffff;" 3646 3647 href="/collections/estate-wines">Estate Wines 3648 </a> 3649 3650 3651 3652 3653 <a 3654 class="tracking-[1px] mt-2 no-underline hover:underline body-4" 3655 3656 style="color: #ffffff;" 3657 3658 href="/collections/museum-wines">Museum Wines 3659 </a> 3660 3661 3662 </div> 3663 3664 </template> 3665 </vue-collapsible> 3666 3667 3668 </div> 3669 3670 <div class="flex flex-col"> 3671 3672 3673 <vue-collapsible> 3674 <template v-slot:title> 3675 <h4 3676 3677 class="body-1 menu__title" 3678 3679 > 3680 3681 Follow Us 3682 3683 </h4> 3684 </template> 3685 <template> 3686 3687 3688 <div class="flex space-x-3 mt-2"> 3689 3690 3691 3692 <a href="https://www.facebook.com/KatnookEstateWines"> 3693 <img src="//katnookestate.com.au/cdn/shop/files/icon-facebook.png?v=9863664840423385370"/> 3694 </a> 3695 3696 3697 3698 3699 <a href="https://www.instagram.com/katnookwine/"> 3700 <img src="//katnookestate.com.au/cdn/shop/files/icon-instagram.png?v=12846626981964027821"/> 3701 </a> 3702 3703 3704 </div> 3705 3706 </template> 3707 </vue-collapsible> 3708 3709 3710 </div> 3711 3712 <div class="flex flex-col"> 3713 3714 3715 <vue-collapsible> 3716 <template v-slot:title> 3717 <h4 3718 3719 class="body-1 menu__title" 3720 3721 > 3722 3723 Visit Us 3724 3725 </h4> 3726 </template> 3727 <template> 3728 3729 <div 3730 class="mt-2" 3731 style="color: #ffffff;" 3732 > 3733 3734 <p><a href="https://www.google.com/maps/place/Katnook+Estate/@-37.328762,140.835757,10z/data=!4m6!3m5!1s0x6acb057c05f10ddb:0x965cea93fb24dd30!8m2!3d-37.3287617!4d140.8357567!16s%2Fg%2F1tdb8zdf?hl=en-US">Riddoch Hwy, Coonawarra SA 5263</a></p><p>AustraliaOpening Housrs<br/>Weekdays 10am â 5pm<br/>Weekends 12 noon â 5pm</p> 3735 3736 </div> 3737 3738 </template> 3739 </vue-collapsible> 3740 3741 3742 </div> 3743 3744 </div> 3745 3746 3747 <div 3748 3749 style="color: #ffffff;" 3750 3751 class="px-1 pb-6 md:px-9"> 3752 <small class="text-[10px] text-center tracking-[0.5px]"><p>All offers of sale are made by Vinarchy Australia Limited Liquor Licence Number 57600348 SA Liquor Licensing Act 1997 Section 113- Liquor must not be supplied to persons under 18 years of age. New South Wales - Under the Liquor Act 2007, it is an offence for a licensee of licensed premises or any other person to sell or supply liquor to a person under the age of 18 years on licensed premises or elsewhere; Victoria - WARNING: Victoria Liquor Control Reform Act 1998: It is an offence to supply alcohol to a person under the age of 18 years (Penalty exceeds $7,000), for a person under the age of 18 years to purchase or receive liquor (Penalty exceeds $600); Queensland - Under the Liquor Act 1992, it is an offence to supply liquor to a person under the age of 18 years; Western Australia - WARNING. Under the Liquor Control Act 1988, it is an offence: to sell or supply liquor to a person under the age of 18 years on licensed or regulated premises; or for a person under the age of 18 years to purchase, or attempt to purchase, liquor on licensed or regulated premises.<br/>© Copyright 2025 Vinarchy Australia Limited<br/></p></small> 3753 </div> 3754 3755 </div> 3756</section> 3757 3758 3759</footer> 3760 <div id="shopify-section-age-qualifier" class="shopify-section"><style data-shopify> 3761 #age-qualifier .button { 3762 background: #262626; 3763 color: ; 3764 } 3765 #age-qualifier .button:hover { 3766 background: ; 3767 color: #bb8356; 3768 } 3769</style> 3770<div 3771 vue-init 3772 id="age-qualifier" 3773 data-button="pill" 3774> 3775 <age-qualifier 3776 inline-template 3777 cookie-duration="" 3778 > 3779 <template v-if="isAgeQualifierVisible"> 3780 <form 3781 v-if="!isOfAge" 3782 class="fixed inset-0 z-50 flex items-center justify-center px-4" 3783 style="background-color: #ffffff;" 3784 @submit.prevent="enterWebsite" 3785 @keydown.enter="canEnterWebsite ? enterWebsite() : $event.preventDefault()" 3786 > 3787 <div class="max-w-[700px] w-full text-center space-y-6"> 3788 <div><img class="mx-auto my-5 lazyload" 3789 data-src="//katnookestate.com.au/cdn/shop/files/logo-2_200x.png?v=1679614056" 3790 data-sizes="auto" 3791 alt="Katnook Estate Wines Logo" 3792 >
3793 <span class="block text-xl tracking-[1px] age-qualifier__tagline">Welcome to Katnook Estate Wines</span> 3794 3795 3796 <span class="h2 tracking-[2px] age-qualifier__title">Are you of legal drinking age?</span> 3797 3798 </div> 3799 3800 3801 3802 <div class="flex flex-wrap items-center justify-center gap-2"> 3803 <button 3804 class="button px-11 py-3 text-2xl block rounded-full" 3805 @click="enterWebsite" 3806 :disabled="!areComplianceCheckboxesValid" 3807 > 3808 Yes 3809 </button> 3810 <button 3811 class="button px-11 py-3 text-2xl block rounded-full" 3812 @click.prevent="!isOfAge" 3813 > 3814 No 3815 </button> 3816 </div> 3817 3818 3819 3820 <div class="eu-compliance"> 3821 <div class="eu-compliance__wrapper"> 3822 3823 <div class="terms-and-conditions checkbox-label"> 3824 <input 3825 type="checkbox" 3826 id="terms-and-conditions" 3827 @change="handleChange" 3828 v-model="termsAccepted" 3829 /> 3830 3831 <label for="terms-and-conditions"> 3832 <p><a href="/pages/terms-and-conditions" title="Terms and Conditions">Terms and Conditions</a></p> 3833 </label> 3834 </div> 3835 3836 3837 3838 <div class="privacy-policy checkbox-label"> 3839 <input 3840 type="checkbox" 3841 id="privacy-policy" 3842 @change="handleChange" 3843 v-model="privacyAccepted" 3844 /> 3845 3846 <label for="privacy-policy"> 3847 <p><a href="https://vinarchy.com/pages/privacy-policy" target="_blank" title="https://vinarchy.com/pages/privacy-policy">Privacy Policy</a></p> 3848 </label> 3849 </div> 3850 3851 </div> 3852 </div> 3853 3854 3855 3856 3857 <div class="max-w-[450px] m-[0_auto] age-qualifier__description"> 3858 <p>To enter this site, please confirm you are of legal drinking age in your country and that any purchases you make will be for personal use</p> 3859 </div> 3860 3861 3862 3863 3864 <div class="age-qualifier__description"> 3865 3866 <p><a href="https://drinkwise.org.au/" target="_blank" title="https://drinkwise.org.au/">Get the facts</a></p> 3867 3868 3869 3870 <img 3871 class="mx-auto lazyload" 3872 data-src="//katnookestate.com.au/cdn/shop/files/Drink_Wise_200x.png?v=1683683054" 3873 data-sizes="auto" 3874 alt="" 3875 > 3876 3877 </div> 3878 </div> 3879 </form> 3880 </template> 3881 </age-qualifier> 3882</div> 3883 3884</div> 3885 <style> 3886 .oke-reviewsTab { 3887 3888 display: none !important; 3889 3890 } 3891</style> 3892 3893 3894
3894<script> 3895 window.theme_settings = { 3896 welcomedw_sku_limit_per_customer: 3 3897 }; 3898 3899 window.customer_tags = ""; 3900 3901 window.customer_email = ''; 3902 window.liquid_is_logged_in = 3903 false 3904 ; 3905 3906 window.dwRedirectBase = "https://distinction-wines-au.myshopify.com"; 3907 3908 </script>
3908 3909 <style> body {overflow-x: hidden;} .storefront-password-form {display: none !important;} </style>
3910<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
3910 3911</body> 3912</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.