PageSourceSearch

https://katnookestate.com.au/collections/our-wines

html katnookestate.com.au collected 2026-09-26 13:19:06 UTC 199,990 bytes, 3,912 lines download raw bytes

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&#39;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&#39;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&#39;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">&#124;</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&#39;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">&nbsp;</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="{&quot;id&quot;:9166139392301,&quot;title&quot;:&quot;2021 Katnook Prodigy Shiraz&quot;,&quot;handle&quot;:&quot;katnook-prodigy-shiraz-2021&quot;,&quot;description&quot;:&quot;\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&quot;,&quot;published_at&quot;:&quot;2024-03-06T16:17:56+11:00&quot;,&quot;created_at&quot;:&quot;2024-02-27T17:09:14+11:00&quot;,&quot;vendor&quot;:&quot;Katnook Estate&quot;,&quot;type&quot;:&quot;&quot;,&quot;tags&quot;:[&quot;**NEW PRODUCT**&quot;,&quot;afr-28&quot;,&quot;Available-Stock&quot;,&quot;badge|95&quot;,&quot;badge|gold&quot;,&quot;badge|trophy&quot;,&quot;bottles_per_case|6&quot;,&quot;brand|Katnook&quot;,&quot;brand|Katnook Estate&quot;,&quot;cart_product_label|bottles&quot;,&quot;category|red&quot;,&quot;category|Still Wine - Red Wine&quot;,&quot;channel:online store&quot;,&quot;channel:pos&quot;,&quot;discountable&quot;,&quot;line_type:S&quot;,&quot;Museum \u0026 Rare&quot;,&quot;non-exclusive&quot;,&quot;product_label|per bottle&quot;,&quot;qty_case&quot;,&quot;region|Coonawarra&quot;,&quot;
2798subcollection|Katnook Icons&quot;,&quot;varietal|Shiraz&quot;,&quot;Wine Selectors Oct 24&quot;],&quot;price&quot;:10500,&quot;price_min&quot;:10500,&quot;price_max&quot;:10500,&quot;available&quot;:true,&quot;price_varies&quot;:false,&quot;compare_at_price&quot;:0,&quot;compare_at_price_min&quot;:0,&quot;compare_at_price_max&quot;:0,&quot;compare_at_price_varies&quot;:false,&quot;variants&quot;:[{&quot;id&quot;:48090057015597,&quot;title&quot;:&quot;Default Title&quot;,&quot;option1&quot;:&quot;Default Title&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;589563&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:null,&quot;available&quot;:true,&quot;name&quot;:&quot;2021 Katnook Prodigy Shiraz&quot;,&quot;public_title&quot;:null,&quot;options&quot;:[&quot;Default Title&quot;],&quot;price&quot;:10500,&quot;weight&quot;:1520,&quot;compare_at_price&quot;:0,&quot;inventory_management&quot;:null,&quot;barcode&quot;:&quot;9313467007835&quot;,&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}}],&quot;images&quot;:[&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/Katnook-Prodigy-Shiraz-300x800.png?v=1787232140&quot;],&quot;featured_image&quot;:&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/Katnook-Prodigy-Shiraz-300x800.png?v=1787232140&quot;,&quot;options&quot;:[&quot;Title&quot;],&quot;media&quot;:[{&quot;alt&quot;:null,&quot;id&quot;:44980449018157,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:0.375,&quot;height&quot;:801,&quot;width&quot;:300,&quot;src&quot;:&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/Katnook-Prodigy-Shiraz-300x800.png?v=1787232140&quot;},&quot;aspect_ratio&quot;:0.375,&quot;height&quot;:801,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/Katnook-Prodigy-Shiraz-300x800.png?v=1787232140&quot;,&quot;width&quot;:300}],&quot;requires_selling_plan&quot;:false,&quot;selling_plan_groups&quot;:[],&quot;content&quot;:&quot;\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&quot;}"
2799                        :featured-media="{&quot;alt&quot;:null,&quot;id&quot;:44980449018157,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:0.375,&quot;height&quot;:801,&quot;width&quot;:300,&quot;src&quot;:&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/Katnook-Prodigy-Shiraz-300x800.png?v=1787232140&quot;},&quot;aspect_ratio&quot;:0.375,&quot;height&quot;:801,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/Katnook-Prodigy-Shiraz-300x800.png?v=1787232140&quot;,&quot;width&quot;: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">&nbsp;</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="{&quot;id&quot;:10036623999277,&quot;title&quot;:&quot;Katnook Estate Shiraz 2022&quot;,&quot;handle&quot;:&quot;katnook-ke-shiraz-6p-750ml-v22&quot;,&quot;description&quot;:&quot;\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&quot;,&quot;published_at&quot;:&quot;2025-05-20T14:26:27+10:00&quot;,&quot;created_at&quot;:&quot;2025-05-20T12:35:48+10:00&quot;,&quot;vendor&quot;:&quot;Katnook Estate&quot;,&quot;type&quot;:&quot;&quot;,&quot;tags&quot;:[&quot;**NEW PRODUCT**&quot;,&quot;Available-Stock&quot;,&quot;badge|gold&quot;,&quot;bottles_per_case|6&quot;,&quot;brand|Katnook Estate&quot;,&quot;cart_product_label|bottles&quot;,&quot;category|Still - Red Wine&quot;,&quot;category|Still Wine - Red Wine&quot;,&quot;channel:online store&quot;,&quot;channel:pos&quot;,&quot;createdby:mindarc&quot;,&quot;discountable&quot;,&quot;line_type:S&quot;,&quot;non-exclusive&quot;,&quot;product_label|per bottle&quot;,&quot;qty_case&quot;,&quot;region|Coonawarra&quot;,&quot;region|South Australia&quot;,&quot;
2919subcollection|Katnook Estate&quot;,&quot;updatedby:andie&quot;,&quot;updatedby:mindarc&quot;,&quot;varietal|Shiraz&quot;],&quot;price&quot;:4700,&quot;price_min&quot;:4700,&quot;price_max&quot;:4700,&quot;available&quot;:true,&quot;price_varies&quot;:false,&quot;compare_at_price&quot;:0,&quot;compare_at_price_min&quot;:0,&quot;compare_at_price_max&quot;:0,&quot;compare_at_price_varies&quot;:false,&quot;variants&quot;:[{&quot;id&quot;:50738415141165,&quot;title&quot;:&quot;Default Title&quot;,&quot;option1&quot;:&quot;Default Title&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;589855&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:null,&quot;available&quot;:true,&quot;name&quot;:&quot;Katnook Estate Shiraz 2022&quot;,&quot;public_title&quot;:null,&quot;options&quot;:[&quot;Default Title&quot;],&quot;price&quot;:4700,&quot;weight&quot;:1350,&quot;compare_at_price&quot;:0,&quot;inventory_management&quot;:null,&quot;barcode&quot;:&quot;9311043884108&quot;,&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}}],&quot;images&quot;:[&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/EstateShiraz_1_ae164e53-6cb0-45e6-acee-3f9e5b9319c2.png?v=1786427397&quot;],&quot;featured_image&quot;:&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/EstateShiraz_1_ae164e53-6cb0-45e6-acee-3f9e5b9319c2.png?v=1786427397&quot;,&quot;options&quot;:[&quot;Title&quot;],&quot;media&quot;:[{&quot;alt&quot;:null,&quot;id&quot;:44936588230957,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:0.375,&quot;height&quot;:800,&quot;width&quot;:300,&quot;src&quot;:&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/EstateShiraz_1_ae164e53-6cb0-45e6-acee-3f9e5b9319c2.png?v=1786427397&quot;},&quot;aspect_ratio&quot;:0.375,&quot;height&quot;:800,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/EstateShiraz_1_ae164e53-6cb0-45e6-acee-3f9e5b9319c2.png?v=1786427397&quot;,&quot;width&quot;:300}],&quot;requires_selling_plan&quot;:false,&quot;selling_plan_groups&quot;:[],&quot;content&quot;:&quot;\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&quot;}"
2920                        :featured-media="{&quot;alt&quot;:null,&quot;id&quot;:44936588230957,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:0.375,&quot;height&quot;:800,&quot;width&quot;:300,&quot;src&quot;:&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/EstateShiraz_1_ae164e53-6cb0-45e6-acee-3f9e5b9319c2.png?v=1786427397&quot;},&quot;aspect_ratio&quot;:0.375,&quot;height&quot;:800,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/EstateShiraz_1_ae164e53-6cb0-45e6-acee-3f9e5b9319c2.png?v=1786427397&quot;,&quot;width&quot;: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">&nbsp;</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="{&quot;id&quot;:10311516225837,&quot;title&quot;:&quot;2022 Katnook Odyssey Cabernet Sauvignon&quot;,&quot;handle&quot;:&quot;2022-katnook-odyssey-cabernet-sauvignon&quot;,&quot;description&quot;:&quot;\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&quot;,&quot;published_at&quot;:&quot;2026-07-01T08:58:31+10:00&quot;,&quot;created_at&quot;:&quot;2026-07-06T17:22:14+10:00&quot;,&quot;vendor&quot;:&quot;Katnook Estate&quot;,&quot;type&quot;:&quot;&quot;,&quot;tags&quot;:[&quot;**NEW PRODUCT**&quot;,&quot;Available-Stock&quot;,&quot;badge|95&quot;,&quot;badge|96x2&quot;,&quot;badge|LangtonsClassified&quot;,&quot;bottles_per_case|6&quot;,&quot;brand|Katnook Estate&quot;,&quot;cart_product_label|bottles&quot;,&quot;category red&quot;,&quot;category|Still - Red Wine&quot;,&quot;channel:online store&quot;,&quot;channel:pos&quot;,&quot;createdby:mindarc&quot;,&quot;discountable&quot;,&quot;non-exclusive&quot;,&quot;product_label|per bottle&quot;,&quot;qty_case&quot;,&quot;
3040subcollection|Katnook Icons&quot;,&quot;updatedby:andie&quot;,&quot;varietal|Cabernet Sauvignon&quot;],&quot;price&quot;:10500,&quot;price_min&quot;:10500,&quot;price_max&quot;:10500,&quot;available&quot;:true,&quot;price_varies&quot;:false,&quot;compare_at_price&quot;:0,&quot;compare_at_price_min&quot;:0,&quot;compare_at_price_max&quot;:0,&quot;compare_at_price_varies&quot;:false,&quot;variants&quot;:[{&quot;id&quot;:52204792840493,&quot;title&quot;:&quot;Default Title&quot;,&quot;option1&quot;:&quot;Default Title&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;589889&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:null,&quot;available&quot;:true,&quot;name&quot;:&quot;2022 Katnook Odyssey Cabernet Sauvignon&quot;,&quot;public_title&quot;:null,&quot;options&quot;:[&quot;Default Title&quot;],&quot;price&quot;:10500,&quot;weight&quot;:1550,&quot;compare_at_price&quot;:0,&quot;inventory_management&quot;:null,&quot;barcode&quot;:&quot;9311043010897&quot;,&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}}],&quot;images&quot;:[&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/KatnookOdyssey300-x-800_1.png?v=1788936470&quot;],&quot;featured_image&quot;:&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/KatnookOdyssey300-x-800_1.png?v=1788936470&quot;,&quot;options&quot;:[&quot;Title&quot;],&quot;media&quot;:[{&quot;alt&quot;:null,&quot;id&quot;:45068446597421,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:0.375,&quot;height&quot;:802,&quot;width&quot;:301,&quot;src&quot;:&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/KatnookOdyssey300-x-800_1.png?v=1788936470&quot;},&quot;aspect_ratio&quot;:0.375,&quot;height&quot;:802,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/KatnookOdyssey300-x-800_1.png?v=1788936470&quot;,&quot;width&quot;:301}],&quot;requires_selling_plan&quot;:false,&quot;selling_plan_groups&quot;:[],&quot;content&quot;:&quot;\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&quot;}"
3041                        :featured-media="{&quot;alt&quot;:null,&quot;id&quot;:45068446597421,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:0.375,&quot;height&quot;:802,&quot;width&quot;:301,&quot;src&quot;:&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/KatnookOdyssey300-x-800_1.png?v=1788936470&quot;},&quot;aspect_ratio&quot;:0.375,&quot;height&quot;:802,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/KatnookOdyssey300-x-800_1.png?v=1788936470&quot;,&quot;width&quot;: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">&nbsp;</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="{&quot;id&quot;:10311517012269,&quot;title&quot;:&quot;Katnook Prodigy Shiraz 2022&quot;,&quot;handle&quot;:&quot;katnook-prodigy-shiraz-2022&quot;,&quot;description&quot;:&quot;\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&quot;,&quot;published_at&quot;:&quot;2025-11-07T15:59:47+11:00&quot;,&quot;created_at&quot;:&quot;2026-07-06T17:29:55+10:00&quot;,&quot;vendor&quot;:&quot;Katnook Estate&quot;,&quot;type&quot;:&quot;&quot;,&quot;tags&quot;:[&quot;**NEW PRODUCT**&quot;,&quot;Available-Stock&quot;,&quot;badge|95x2&quot;,&quot;badge|goldx2&quot;,&quot;bottles_per_case|6&quot;,&quot;brand|Katnook Estate&quot;,&quot;cart_product_label|bottles&quot;,&quot;category|Still - Red Wine&quot;,&quot;category|Still Wine - Red Wine&quot;,&quot;channel:pos&quot;,&quot;createdby:mindarc&quot;,&quot;discountable&quot;,&quot;line_type:S&quot;,&quot;Museum \u0026 Rare&quot;,&quot;non-exclusive&quot;,&quot;product_label|per bottle&quot;,&quot;qty_case&quot;,&quot;quantity case&quot;,&quot;region|Coonawarra&quot;,&quot;
3161subcollection|Katnook Icons&quot;,&quot;updatedby:andie&quot;,&quot;varietal|Shiraz&quot;],&quot;price&quot;:10500,&quot;price_min&quot;:10500,&quot;price_max&quot;:10500,&quot;available&quot;:true,&quot;price_varies&quot;:false,&quot;compare_at_price&quot;:0,&quot;compare_at_price_min&quot;:0,&quot;compare_at_price_max&quot;:0,&quot;compare_at_price_varies&quot;:false,&quot;variants&quot;:[{&quot;id&quot;:52204800409901,&quot;title&quot;:&quot;Default Title&quot;,&quot;option1&quot;:&quot;Default Title&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;589888&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:null,&quot;available&quot;:true,&quot;name&quot;:&quot;Katnook Prodigy Shiraz 2022&quot;,&quot;public_title&quot;:null,&quot;options&quot;:[&quot;Default Title&quot;],&quot;price&quot;:10500,&quot;weight&quot;:1520,&quot;compare_at_price&quot;:0,&quot;inventory_management&quot;:null,&quot;barcode&quot;:&quot;9311043010880&quot;,&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}}],&quot;images&quot;:[&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/Katnook-Prodigy-Shiraz-300x800_717ed6f0-c886-4a6c-a5cb-22851de8d588.png?v=1788936468&quot;],&quot;featured_image&quot;:&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/Katnook-Prodigy-Shiraz-300x800_717ed6f0-c886-4a6c-a5cb-22851de8d588.png?v=1788936468&quot;,&quot;options&quot;:[&quot;Title&quot;],&quot;media&quot;:[{&quot;alt&quot;:null,&quot;id&quot;:45068446531885,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:0.375,&quot;height&quot;:801,&quot;width&quot;:300,&quot;src&quot;:&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/Katnook-Prodigy-Shiraz-300x800_717ed6f0-c886-4a6c-a5cb-22851de8d588.png?v=1788936468&quot;},&quot;aspect_ratio&quot;:0.375,&quot;height&quot;:801,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/Katnook-Prodigy-Shiraz-300x800_717ed6f0-c886-4a6c-a5cb-22851de8d588.png?v=1788936468&quot;,&quot;width&quot;:300}],&quot;requires_selling_plan&quot;:false,&quot;selling_plan_groups&quot;:[],&quot;content&quot;:&quot;\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&quot;}"
3162                        :featured-media="{&quot;alt&quot;:null,&quot;id&quot;:45068446531885,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:0.375,&quot;height&quot;:801,&quot;width&quot;:300,&quot;src&quot;:&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/Katnook-Prodigy-Shiraz-300x800_717ed6f0-c886-4a6c-a5cb-22851de8d588.png?v=1788936468&quot;},&quot;aspect_ratio&quot;:0.375,&quot;height&quot;:801,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/Katnook-Prodigy-Shiraz-300x800_717ed6f0-c886-4a6c-a5cb-22851de8d588.png?v=1788936468&quot;,&quot;width&quot;: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">&nbsp;</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="{&quot;id&quot;:10311517143341,&quot;title&quot;:&quot;2024 Katnook Estate Cabernet Sauvignon&quot;,&quot;handle&quot;:&quot;2024-katnook-estate-cabernet-sauvignon&quot;,&quot;description&quot;:&quot;\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&quot;,&quot;published_at&quot;:&quot;2026-06-25T16:45:10+10:00&quot;,&quot;created_at&quot;:&quot;2026-07-06T17:30:43+10:00&quot;,&quot;vendor&quot;:&quot;Katnook Estate&quot;,&quot;type&quot;:&quot;&quot;,&quot;tags&quot;:[&quot;**NEW PRODUCT**&quot;,&quot;Available-Stock&quot;,&quot;badge|gold&quot;,&quot;bottles_per_case|6&quot;,&quot;brand|Katnook&quot;,&quot;brand|Katnook Estate&quot;,&quot;cart_product_label|bottles&quot;,&quot;category red&quot;,&quot;category still wine&quot;,&quot;category|Still - Red Wine&quot;,&quot;category|Still Wine - Red Wine&quot;,&quot;channel:online store&quot;,&quot;channel:pos&quot;,&quot;createdby:mindarc&quot;,&quot;discountable&quot;,&quot;line_type:S&quot;,&quot;non-exclusive&quot;,&quot;product_label|per bottle&quot;,&quot;qty_case&quot;,&quot;region|Coonawarra&quot;,&quot;
3282subcollection|Katnook Estate&quot;,&quot;updatedby:andie&quot;,&quot;varietal|Cabernet&quot;,&quot;varietal|Cabernet Sauvignon&quot;],&quot;price&quot;:4700,&quot;price_min&quot;:4700,&quot;price_max&quot;:4700,&quot;available&quot;:true,&quot;price_varies&quot;:false,&quot;compare_at_price&quot;:0,&quot;compare_at_price_min&quot;:0,&quot;compare_at_price_max&quot;:0,&quot;compare_at_price_varies&quot;:false,&quot;variants&quot;:[{&quot;id&quot;:52204800737581,&quot;title&quot;:&quot;Default Title&quot;,&quot;option1&quot;:&quot;Default Title&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;596743&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:null,&quot;available&quot;:true,&quot;name&quot;:&quot;2024 Katnook Estate Cabernet Sauvignon&quot;,&quot;public_title&quot;:null,&quot;options&quot;:[&quot;Default Title&quot;],&quot;price&quot;:4700,&quot;weight&quot;:1550,&quot;compare_at_price&quot;:0,&quot;inventory_management&quot;:null,&quot;barcode&quot;:&quot;9311043884085&quot;,&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}}],&quot;images&quot;:[&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/2020KatnookbottlepicEstateCabSauv_abe57e44-bc91-4909-aa44-2cb4d6834fec.png?v=1783422540&quot;],&quot;featured_image&quot;:&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/2020KatnookbottlepicEstateCabSauv_abe57e44-bc91-4909-aa44-2cb4d6834fec.png?v=1783422540&quot;,&quot;options&quot;:[&quot;Title&quot;],&quot;media&quot;:[{&quot;alt&quot;:null,&quot;id&quot;:44799917752621,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:0.375,&quot;height&quot;:800,&quot;width&quot;:300,&quot;src&quot;:&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/2020KatnookbottlepicEstateCabSauv_abe57e44-bc91-4909-aa44-2cb4d6834fec.png?v=1783422540&quot;},&quot;aspect_ratio&quot;:0.375,&quot;height&quot;:800,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/2020KatnookbottlepicEstateCabSauv_abe57e44-bc91-4909-aa44-2cb4d6834fec.png?v=1783422540&quot;,&quot;width&quot;:300}],&quot;requires_selling_plan&quot;:false,&quot;selling_plan_groups&quot;:[],&quot;content&quot;:&quot;\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&quot;}"
3283                        :featured-media="{&quot;alt&quot;:null,&quot;id&quot;:44799917752621,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:0.375,&quot;height&quot;:800,&quot;width&quot;:300,&quot;src&quot;:&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/2020KatnookbottlepicEstateCabSauv_abe57e44-bc91-4909-aa44-2cb4d6834fec.png?v=1783422540&quot;},&quot;aspect_ratio&quot;:0.375,&quot;height&quot;:800,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/katnookestate.com.au\/cdn\/shop\/files\/2020KatnookbottlepicEstateCabSauv_abe57e44-bc91-4909-aa44-2cb4d6834fec.png?v=1783422540&quot;,&quot;width&quot;: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">&nbsp;</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.