PageSourceSearch

https://www.ruffino.it/

html ruffino.it collected 2026-09-26 08:25:27 UTC 498,516 bytes, 8,527 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="en">
3  <head>
4            
4<script>
5                var pattern = /[?&]onetrust=test/;
6                var URL_OT = location.search;
7                var scriptElement = document.createElement('script');
8
9                if(pattern.test(URL_OT))
10                {
11                   scriptElement.setAttribute('data-domain-script', '5fdc94e3-f7e5-46a6-81bb-25c5fb615190-test');
12                   //alert('url param is there');
13                }else{
14                  scriptElement.setAttribute('data-domain-script', '5fdc94e3-f7e5-46a6-81bb-25c5fb615190');
15                }
16             
17                scriptElement.src = 'https://cdn.cookielaw.org/scripttemplates/otSDKStub.js';
18                scriptElement.type = 'text/javascript';
19                scriptElement.charset = 'UTF-8';
20                document.head.appendChild(scriptElement);
21            </script>
21
22            
22<script type="text/javascript">function OptanonWrapper() { }</script>
22
23        
24        
25          <!-- Google Tag Manager -->
26          
26<script>
vendor: 378 bytes, lines 26-31
26
27          (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
28          new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
29          j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
30          'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
31          })(window,document,'script','dataLayer',"
31GTM-WMDKN99
vendor: 14 bytes, lines 31-32
31");
32          
32</script>
32
33          <!-- End Google Tag Manager -->
34    <meta charset="utf-8">
35    <meta http-equiv="X-UA-Compatible" content="IE=edge">
36    <meta name="viewport" content="width=device-width,initial-scale=1">
37    <meta name="theme-color" content="">
38    <link rel="canonical" href="https://www.ruffino.it/">
39    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
40    <link rel="icon" type="image/png" href="https://cdn.shopify.com/s/files/1/0626/1394/6543/files/favicon-32x32.png"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
41      <link rel="stylesheet" href="https://agegate.cbrands.com/css/agegate-widget.css">
42    
43
44    <title>
45      Ruffino 1877: Artistry in winemaking for over 140 years
46</title>
47
48    
49      <meta name="description" content="Ruffino 1877: Wines, tastings, and experiences to discover our fine Tuscan red wines.">
50    
51
52    
53
54<meta property="og:site_name" content="Ruffino">
55<meta property="og:url" content="https://www.ruffino.it/">
56<meta property="og:title" content="Ruffino 1877: Artistry in winemaking for over 140 years">
57<meta property="og:type" content="website">
58<meta property="og:description" content="Ruffino 1877: Wines, tastings, and experiences to discover our fine Tuscan red wines."><meta property="og:image" content="http://www.ruffino.it/cdn/shop/files/Ruffino_Logo-01_1_1_6531016e-c0ab-456f-959a-1a56f85df200.png?v=1786546922">
59  <meta property="og:image:secure_url" content="https://www.ruffino.it/cdn/shop/files/Ruffino_Logo-01_1_1_6531016e-c0ab-456f-959a-1a56f85df200.png?v=1786546922">
60  <meta property="og:image:width" content="2850">
61  <meta property="og:image:height" content="2517"><meta name="twitter:site" content="@CopperAndKings"><meta name="twitter:card" content="summary_large_image">
62<meta name="twitter:title" content="Ruffino 1877: Artistry in winemaking for over 140 years">
63<meta name="twitter:description" content="Ruffino 1877: Wines, tastings, and experiences to discover our fine Tuscan red wines.">
64
65    
66      
66<script data-ot-ignore src="//www.ruffino.it/cdn/shop/t/2/assets/global.js?v=57281335142342718301742462140" defer="defer"></script>
66
67    
67<script data-ot-ignore type="text/javascript" src="//www.ruffino.it/cdn/shop/t/2/assets/jquery.js?v=87084282983646074581742462141"></script>
67
68    
68<script data-ot-ignore type="text/javascript" src="//www.ruffino.it/cdn/shop/t/2/assets/video-modal.js?v=174412051038276608801756890737"></script>
68
69    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"/>
70    
70<script data-ot-ignore type="text/javascript" src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
70
71
72    
73
74    
74<script data-ot-ignore type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"></script>
74
75    
75<script data-ot-ignore src="//www.ruffino.it/cdn/shop/t/2/assets/custom.js?v=23925100351630029661721298548" defer="defer"></script>
75
76
77    
77<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
77<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/62613946543/digital_wallets/dialog">
78<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" hreflang="x-default" href="https://www.ruffino.it/">
79<link rel="alternate" hreflang="en" href="https://www.ruffino.it/">
80<link rel="alternate" hreflang="it" href="https://www.ruffino.it/it">
81<link rel="alternate" hreflang="de" href="https://www.ruffino.it/de">
82<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
vendor: 1 bytes, line 82
82
83<script id="shopify-features" type="application/json">{"accessToken":"8866885b0a78111341089fe52381f4f5","betas":["rich-media-storefront-analytics"],"domain":"www.ruffino.it","predictiveSearch":true,"shopId":62613946543,"locale":"en"}</script>
vendor: 1 bytes, line 83
83
84<script>var Shopify = Shopify || {};
85Shopify.shop = "ruffino-global.myshopify.com";
86Shopify.locale = "en";
87Shopify.currency = {"active":"USD","rate":"1.0"};
88Shopify.country = "US";
89Shopify.theme = {"name":"shopify-ruffino_global-theme\/production","id":132674781359,"schema_name":"Dawn","schema_version":"4.0.0","theme_store_id":null,"role":"main"};
90Shopify.theme.handle = "null";
91Shopify.theme.style = {"id":null,"handle":null};
92Shopify.cdnHost = "www.ruffino.it/cdn";
93Shopify.routes = Shopify.routes || {};
94Shopify.routes.root = "/";
95Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
96Shopify.SignInWithShop = Shopify.SignInWithShop || {};
97Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
98Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 98
98
99<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 99
99
100<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 100
100
101<script>
102  window.Shopify = window.Shopify || {};
103  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
104  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
105  window.Shopify.SignInWithShop.eligible = true;
106</script>
vendor: 1 bytes, line 106
106
107<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 107
107
108<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 108
108
109<script type="module">
110  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
111
112  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
113
114</script>
vendor: 1 bytes, line 114
114
115<script>
116  window.Shopify = window.Shopify || {};
117  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
118  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"]};
119</script>
vendor: 1 bytes, line 119
119
120<script>(function() {
121  var isLoaded = false;
122  function asyncLoad() {
123    if (isLoaded) return;
124    isLoaded = true;
125    var urls = ["https:\/\/cozycountryredirectiii.addons.business\/js\/eggbox\/13513\/script_ddfbb7b7b04391ba219cdf955dff501c.js?v=1\u0026sign=ddfbb7b7b04391ba219cdf955dff501c\u0026shop=ruffino-global.myshopify.com"];
126    for (var i = 0; i < urls.length; i++) {
127      var s = document.createElement('script');
128      s.type = 'text/javascript';
129      s.async = true;
130      s.src = urls[i];
131      var x = document.getElementsByTagName('script')[0];
132      x.parentNode.insertBefore(s, x);
133    }
134  };
135  if(window.attachEvent) {
136    window.attachEvent('onload', asyncLoad);
137  } else {
138    window.addEventListener('load', asyncLoad, false);
139  }
140})();</script>
vendor: 1 bytes, line 140
140
141<script id="__st">var __st={"a":62613946543,"offset":-14400,"reqid":"f6d5d3c6-fdeb-4974-b047-2256ab249ec4-1790411126","pageurl":"www.ruffino.it\/","u":"c72e90e2a9f1","p":"home"};</script>
vendor: 1 bytes, line 141
141
142<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 142
142
143<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 143
143
144<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.ruffino.it/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 144
144
145<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 = "//www.ruffino.it/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>
145<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 145
145
146<script>
147  window.Shopify = window.Shopify || {};
148  window.Shopify.MCP = window.Shopify.MCP || {};
149  window.Shopify.MCP.enabled = true;
150  window.Shopify.MCP.shop = "ruffino-global.myshopify.com";
151  window.Shopify.MCP.mcpEndpoint = "https:\/\/www.ruffino.it\/api\/mcp";
152  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"]}}];
153</script>
vendor: 1 bytes, line 153
153
154<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("\/\/www.ruffino.it\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
155</script>
vendor: 1 bytes, line 155
155
156<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://www.ruffino.it/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
157</script>
vendor: 1 bytes, line 157
157
158<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
159  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);
160</script>
vendor: 1 bytes, line 160
160
161<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})}}));
162</script>
162
163
164<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
164
165
166
167    <style data-shopify>
168      @font-face {
169  font-family: Lora;
170  font-weight: 400;
171  font-style: normal;
172  font-display: swap;
173  src: url("//www.ruffino.it/cdn/fonts/lora/lora_n4.9a60cb39eff3bfbc472bac5b3c5c4d7c878f0a8d.woff2") format("woff2"),
174       url("//www.ruffino.it/cdn/fonts/lora/lora_n4.4d935d2630ceaf34d2e494106075f8d9f1257d25.woff") format("woff");
175}
176
177      @font-face {
178  font-family: Lora;
179  font-weight: 700;
180  font-style: normal;
181  font-display: swap;
182  src: url("//www.ruffino.it/cdn/fonts/lora/lora_n7.58a834e7e54c895806b2ffc982e4a00af29b1b9c.woff2") format("woff2"),
183       url("//www.ruffino.it/cdn/fonts/lora/lora_n7.05fdf76140ca6e72e48561caf7f9893c487c3f1b.woff") format("woff");
184}
185
186      @font-face {
187  font-family: Lora;
188  font-weight: 400;
189  font-style: italic;
190  font-display: swap;
191  src: url("//www.ruffino.it/cdn/fonts/lora/lora_i4.a5059b22bd0a7547da84d66d2f523d17d17325d3.woff2") format("woff2"),
192       url("//www.ruffino.it/cdn/fonts/lora/lora_i4.cb2d2ab46128fa7f84060d5f92cf3f49dc8181bd.woff") format("woff");
193}
194
195      @font-face {
196  font-family: Lora;
197  font-weight: 700;
198  font-style: italic;
199  font-display: swap;
200  src: url("//www.ruffino.it/cdn/fonts/lora/lora_i7.1bf76118f47019e7581a865f0f538b8ea5900419.woff2") format("woff2"),
201       url("//www.ruffino.it/cdn/fonts/lora/lora_i7.1a7c7f083405ec98e57d8033d38caa748580f7ff.woff") format("woff");
202}
203
204      @font-face {
205  font-family: Lora;
206  font-weight: 700;
207  font-style: normal;
208  font-display: swap;
209  src: url("//www.ruffino.it/cdn/fonts/lora/lora_n7.58a834e7e54c895806b2ffc982e4a00af29b1b9c.woff2") format("woff2"),
210       url("//www.ruffino.it/cdn/fonts/lora/lora_n7.05fdf76140ca6e72e48561caf7f9893c487c3f1b.woff") format("woff");
211}
212
213
214      :root {
215        --font-body-family: Lora, serif;
216        --font-body-style: normal;
217        --font-body-weight: 400;
218        --font-body-weight-bold: 700;
219
220        --font-heading-family: Lora, serif;
221        --font-heading-style: normal;
222        --font-heading-weight: 700;
223
224        --font-body-scale: 1.0;
225        --font-heading-scale: 1.0;
226
227        --color-base-text: 255, 255, 255;
228        --color-shadow: 255, 255, 255;
229        --color-base-background-1: 255, 255, 255;
230        --color-base-background-2: 243, 243, 243;
231        --color-base-solid-button-labels: 255, 255, 255;
232        --color-base-outline-button-labels: 77, 76, 125;
233        --color-base-accent-1: 77, 76, 125;
234        --color-base-accent-2: 51, 79, 180;
235        --payment-terms-background-color: #ffffff;
236
237        --gradient-base-background-1: #ffffff;
238        --gradient-base-background-2: #f3f3f3;
239        --gradient-base-accent-1: #4d4c7d;
240        --gradient-base-accent-2: #334fb4;
241
242        --media-padding: px;
243        --media-border-opacity: 0.05;
244        --media-border-width: 1px;
245        --media-radius: 0px;
246        --media-shadow-opacity: 0.0;
247        --media-shadow-horizontal-offset: 0px;
248        --media-shadow-vertical-offset: 4px;
249        --media-shadow-blur-radius: 5px;
250
251        --page-width: 120rem;
252        --page-width-margin: 0rem;
253
254        --card-image-padding: 0.0rem;
255        --card-corner-radius: 0.0rem;
256        --card-text-alignment: left;
257        --card-border-width: 0.0rem;
258        --card-border-opacity: 0.1;
259        --card-shadow-opacity: 0.0;
260        --card-shadow-horizontal-offset: 0.0rem;
261        --card-shadow-vertical-offset: 0.4rem;
262        --card-shadow-blur-radius: 0.5rem;
263
264        --badge-corner-radius: 4.0rem;
265
266        --popup-border-width: 1px;
267        --popup-border-opacity: 0.1;
268        --popup-corner-radius: 0px;
269        --popup-shadow-opacity: 0.0;
270        --popup-shadow-horizontal-offset: 0px;
271        --popup-shadow-vertical-offset: 4px;
272        --popup-shadow-blur-radius: 5px;
273
274        --drawer-border-width: 1px;
275        --drawer-border-opacity: 0.1;
276        --drawer-shadow-opacity: 0.0;
277        --drawer-shadow-horizontal-offset: 0px;
278        --drawer-shadow-vertical-offset: 4px;
279        --drawer-shadow-blur-radius: 5px;
280
281        --spacing-sections-desktop: 0px;
282        --spacing-sections-mobile: 0px;
283
284        --grid-desktop-vertical-spacing: 8px;
285        --grid-desktop-horizontal-spacing: 8px;
286        --grid-mobile-vertical-spacing: 4px;
287        --grid-mobile-horizontal-spacing: 4px;
288
289        --text-boxes-border-opacity: 0.1;
290        --text-boxes-border-width: 0px;
291        --text-boxes-radius: 0px;
292        --text-boxes-shadow-opacity: 0.0;
293        --text-boxes-shadow-horizontal-offset: 0px;
294        --text-boxes-shadow-vertical-offset: 4px;
295        --text-boxes-shadow-blur-radius: 5px;
296
297        --buttons-radius: 0px;
298        --buttons-radius-outset: 0px;
299        --buttons-border-width: 1px;
300        --buttons-border-opacity: 1.0;
301        --buttons-shadow-opacity: 0.0;
302        --buttons-shadow-horizontal-offset: 0px;
303        --buttons-shadow-vertical-offset: 4px;
304        --buttons-shadow-blur-radius: 5px;
305        --buttons-border-offset: 0px;
306
307        --inputs-radius: 0px;
308        --inputs-border-width: 1px;
309        --inputs-border-opacity: 0.55;
310        --inputs-shadow-opacity: 0.0;
311        --inputs-shadow-horizontal-offset: 0px;
312        --inputs-margin-offset: 0px;
313        --inputs-shadow-vertical-offset: 0px;
314        --inputs-shadow-blur-radius: 5px;
315        --inputs-radius-outset: 0px;
316
317        --variant-pills-radius: 40px;
318        --variant-pills-border-width: 1px;
319        --variant-pills-border-opacity: 0.55;
320        --variant-pills-shadow-opacity: 0.0;
321        --variant-pills-shadow-horizontal-offset: 0px;
322        --variant-pills-shadow-vertical-offset: 4px;
323        --variant-pills-shadow-blur-radius: 5px;
324      }
325
326      *,
327      *::before,
328      *::after {
329        box-sizing: inherit;
330      }
331
332      html {
333        box-sizing: border-box;
334        /* font-size: calc(var(--font-body-scale) * 62.5%); */
335        height: 100%;
336      }
337
338      body {
339        display: grid;
340        grid-template-rows: auto auto 1fr auto;
341        grid-template-columns: 100%;
342        min-height: 100%;
343        margin: 0;
344        font-size: 1.5rem;
345        letter-spacing: 0.06rem;
346        line-height: calc(1 + 0.8 / var(--font-body-scale));
347        font-family: var(--font-body-family);
348        font-style: var(--font-body-style);
349        font-weight: var(--font-body-weight);
350        
351      }
352      .slick-slider
353      {
354        user-select: text !important;
355      }
356
357      
358        .page_report-a-problem{
359          display:none;
360        }
361
362        .page_work-with-us{
363          display:none;
364        }
365
366        .page_where-to-buy{
367          display:none;
368        }
369
370        .page_terms-and-conditions{
371          display:none;
372        }
373
374        .page_terms{
375          display:none;
376        }
377
378        .page_privacy-notice{
379          display:none;
380        }
381
382        .page_privacy-policy{
383          display:none;
384        }
385        .page_cookies-policy{
386          display:none;
387        }
388        .page_cookies-policy-new, .page_privacy-policy-new, .page_terms-of-use, .page_terms-and-conditions-of-experience-reservation, .page_terms-and-conditions-of-sale{ display: none;}
389      
390      
391
392      @media screen and (min-width: 750px) {
393        body {
394          font-size: 1.6rem;
395        }
396      }
397      .cookie-list{display: block !important;}
398    </style>
399
400
401<script>
402  /**
403   * Fetches the Country by Shopify API '/browsing_context_suggestions.json' endpoint.
404   */
405  fetch('/browsing_context_suggestions.json')
406    .then(res=>res.json())
407    .then(r=>{
408      //alert(r.detected_values.country.name);
409      setTimeout(function () {
410      if(r.detected_values.country.name == 'United States'){ 
411        //$('.us-age-gate').show();
412        //$('.outside-us-age-gate').hide();
413        $('.eu_only').hide();
414         $('#RegisterForm .pnpp').text("Privacy Notice");
415      } else {
416        //$('.us-age-gate').hide();
417        //$('.outside-us-age-gate').show();
418        $('.eu_only').show();
419        
420            $('a.footer-options[href="#dsar"]').text("Cookie Preferences"); // Change this to your desired text
421            $('#RegisterForm .pnpp').text("Privacy Policy");
422         
423      }
424      },450);
425    })
426  </script>
426
427  
428
429    <link href="//www.ruffino.it/cdn/shop/t/2/assets/application-tailwind.css?v=6396461779664796661789721198" rel="stylesheet" type="text/css" media="all" />
430    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tw-elements/dist/css/index.min.css" />
431    <link href="//www.ruffino.it/cdn/shop/t/2/assets/base.css?v=47709409987353712921720765340" rel="stylesheet" type="text/css" media="all" />
432<link rel="preload" as="font" href="//www.ruffino.it/cdn/fonts/lora/lora_n4.9a60cb39eff3bfbc472bac5b3c5c4d7c878f0a8d.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//www.ruffino.it/cdn/fonts/lora/lora_n7.58a834e7e54c895806b2ffc982e4a00af29b1b9c.woff2" type="font/woff2" crossorigin>
432<script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
433    if (Shopify.designMode) {
434      document.documentElement.classList.add('shopify-design-mode');
435    }
436    </script>
436
437    <style>
438      *:focus-visible {
439      text-decoration: underline;
440    }
441    </style>
442  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
443<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: 62613946543,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};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 443
443
444<script>
445  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
446</script>
vendor: 1 bytes, line 446
446
447<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}
447).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: 62613946543,storefrontBaseUrl: "https://www.ruffino.it",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.ruffino.it/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"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":"Ruffino","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"ruffino-global.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.ruffino.it"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"7650889302191","handle":"riserva-ducale","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42883770319023","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://www.ruffino.it/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"132674781359","themePublished":"true","eventMetadataId":"5a7416ad-3ee2-4baf-9053-1de5bc3d9a9a","pageType":"home","shopId":"62613946543","storefrontBaseUrl":"https:\/\/www.ruffino.it","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\",{}]]"});})();</script>
447<script>
448  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
449  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
450  window.ShopifyAnalytics.meta.currency = 'USD';
451  var meta = {"page":{"pageType":"home","requestId":"f6d5d3c6-fdeb-4974-b047-2256ab249ec4-1790411126"}};
452  for (var attr in meta) {
453    window.ShopifyAnalytics.meta[attr] = meta[attr];
454  }
455</script>
vendor: 1 bytes, line 455
455
456<script class="analytics">
457  (function () {
458    var customDocumentWrite = function(content) {
459      var jquery = null;
460
461      if (window.jQuery) {
462        jquery = window.jQuery;
463      } else if (window.Checkout && window.Checkout.$) {
464        jquery = window.Checkout.$;
465      }
466
467      if (jquery) {
468        jquery('body').append(content);
469      }
470    };
471
472    var hasLoggedConversion = function(token) {
473      if (token) {
474        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
475      }
476      return false;
477    }
478
479    var setCookieIfConversion = function(token) {
480      if (token) {
481        var twoMonthsFromNow = new Date(Date.now());
482        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
483
484        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
485      }
486    }
487
488    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
489    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
490    if (trekkie.integrations) {
491      return;
492    }
493    trekkie.methods = [
494      'identify',
495      'page',
496      'ready',
497      'track',
498      'trackForm',
499      'trackLink'
500    ];
501    trekkie.factory = function(method) {
502      return function() {
503        var args = Array.prototype.slice.call(arguments);
504        args.unshift(method);
505        trekkie.push(args);
506        if (method == 'track' || method == 'page') {
507          var pageUrl;
508          try {
509            pageUrl = window.location.href;
510          } catch (e) {}
511          var pageReferrer;
512          try {
513            pageReferrer = document.referrer;
514          } catch (e) {}
515          try {
516            if (window.__TREKKIE_SHIM_QUEUE == null) {
517              window.__TREKKIE_SHIM_QUEUE = [];
518            }
519            window.__TREKKIE_SHIM_QUEUE.push({
520              from: 'trekkie-stub',
521              method: method,
522              args: args.slice(1),
523              pageContext: {
524                url: pageUrl,
525                referrer: pageReferrer
526              }
527            });
528          } catch (e) {
529            // no-op
530          }
531        }
532        return trekkie;
533      };
534    };
535    for (var i = 0; i < trekkie.methods.length; i++) {
536      var key = trekkie.methods[i];
537      trekkie[key] = trekkie.factory(key);
538    }
539    trekkie.load = function(config) {
540      trekkie.config = config || {};
541      trekkie.config.initialDocumentCookie = document.cookie;
542      var first = document.getElementsByTagName('script')[0];
543var script = document.createElement('script');
544script.type = 'text/javascript';
545script.onerror = function(e) {
546  var scriptFallback = document.createElement('script');
547  scriptFallback.type = 'text/javascript';
548  scriptFallback.onerror = function(error) {
549          var Monorail = {
550      produce: function produce(monorailDomain, schemaId, payload) {
551        var currentMs = new Date().getTime();
552        var event = {
553          schema_id: schemaId,
554          payload: payload,
555          metadata: {
556            event_created_at_ms: currentMs,
557            event_sent_at_ms: currentMs
558          }
559        };
560        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
561      },
562      sendRequest: function sendRequest(endpointUrl, payload) {
563        // Try the sendBeacon API
564        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
565          var blobData = new window.Blob([payload], {
566            type: 'text/plain'
567          });
568
569          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
570            return true;
571          } // sendBeacon was not successful
572
573        } // XHR beacon
574
575        var xhr = new XMLHttpRequest();
576
577        try {
578          xhr.open('POST', endpointUrl);
579          xhr.setRequestHeader('Content-Type', 'text/plain');
580          xhr.send(payload);
581        } catch (e) {
582          console.log(e);
583        }
584
585        return false;
586      },
587      isIos12: function isIos12() {
588        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
589      }
590    };
591    Monorail.produce('monorail-edge.shopifysvc.com',
592      'trekkie_storefront_load_errors/1.1',
593      {shop_id: 62613946543,
594      theme_id: 132674781359,
595      app_name: "storefront",
596      context_url: window.location.href,
597      source_url: "//www.ruffino.it/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
598
599  };
600  scriptFallback.async = true;
601  scriptFallback.src = '//www.ruffino.it/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
602  first.parentNode.insertBefore(scriptFallback, first);
603};
604script.async = true;
605script.src = '//www.ruffino.it/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
606first.parentNode.insertBefore(script, first);
607
608    };
609    trekkie.load(
610      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":62613946543,"isMerchantRequest":null,"themeId":132674781359,"themeCityHash":"11544568653825347
610529","contentLanguage":"en","currency":"USD","eventMetadataId":"5a7416ad-3ee2-4baf-9053-1de5bc3d9a9a"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
611    );
612
613    var loaded = false;
614    trekkie.ready(function() {
615      if (loaded) return;
616      loaded = true;
617
618      window.ShopifyAnalytics.lib = window.trekkie;
619
620      var originalDocumentWrite = document.write;
621      document.write = customDocumentWrite;
622      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
623      document.write = originalDocumentWrite;
624
625      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
626      var token = match? match[1]: undefined;
627      if (!hasLoggedConversion(token)) {
628        setCookieIfConversion(token);
629        
630      }
631    });
632
633    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"f6d5d3c6-fdeb-4974-b047-2256ab249ec4-1790411126","shopifyEmitted":true});
634
635    var eventsListenerScript = document.createElement('script');
636    eventsListenerScript.async = true;
637    eventsListenerScript.src = "//www.ruffino.it/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
638    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
639})();</script>
vendor: 1 bytes, line 639
639
640<script
641  defer
642  src="https://www.ruffino.it/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
643  data-application="storefront-renderer"
644  data-shop-id="62613946543"
645  data-render-region="gcp-us-central1"
646  data-page-type="index"
647  data-theme-instance-id="132674781359"
648  data-theme-name="Dawn"
649  data-theme-version="4.0.0"
650  data-monorail-region="shop_domain"
651  data-resource-timing-sampling-rate="10"
652  data-shs="true"
653  data-shs-beacon="true"
654  data-shs-export-with-fetch="true"
655  data-shs-logs-sample-rate="1"
656  data-shs-beacon-endpoint="https://www.ruffino.it/api/collect"
657></script>
657
658<meta name="shopify-y" content="00000000-0000-0000-5000-000000000000" data-expiration="1821968726000"><meta name="shopify-s" content="00000000-0000-0000-5000-000000000000" data-expiration="1790412926000"><meta name="new-cookie-storage-activated" content="t">
659</head>
660
661  <body class="gradient page_">
662     
662<script>
663      /* Start of MikMak tag */
664      (function(e,d){try{var a=window.swnDataLayer=window.swnDataLayer||{};a.appId=e||a.appId,a.eventBuffer=a.eventBuffer||[],a.loadBuffer=a.loadBuffer||[],a.push=a.push||function(e){a.eventBuffer.push(e)},a.load=a.load||function(e){a.loadBuffer.push(e)},a.dnt=a.dnt!=null?a.dnt:d;var t=document.getElementsByTagName("script")[0],n=document.createElement("script");n.async=!0,n.src="//wtb-tag.mikmak.ai/scripts/"+a.appId+"/tag.min.js",t.parentNode.insertBefore(n,t)}catch(e){console.log(e)}}("65fd9b9328f2230e55b950c5", false));
665      window.swnDataLayer.product_eans = '083085420079,083085420215,083085420406,083085903121,083085903022,083085903244,083085903312,083085903046,083085420512,083085903053,083085903152,083085903084,083085903220,083085420505,083085903138';
666     /* End of MikMak tag */ 
667    </script>
667
668    <svg role="presentation" class="cursor cursor__ball cursor__ball--big mobile:tw-hidden" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="9.9" fill="transparent" stroke="white" stroke-width="0.4" /><circle class="circle1" cx="12" cy="12" r="10.3" fill="transparent" stroke="black" stroke-width="0.3" /><circle class="circle2" cx="12" cy="12" r="2" fill="transparent" stroke="none"  /></svg>
669
670
671<!--<link href="//www.ruffino.it/cdn/shop/t/2/assets/circle-cursor.css?v=139966666364322433161720765341" rel="stylesheet" type="text/css" media="all" />
672<script defer>
673  function initCircleCursor () {
674    const cursor = document.querySelector("[data-cursor]");
675    TweenMax.set(cursor, { xPercent: -50, yPercent: -50 });
676    TweenMax.to(cursor, 1, { opacity: 1, ease: "power2.out" });
677  }
678
679  function moveCircle (e) {
680    const cursor = document.querySelector("[data-cursor]");
681
682    TweenMax.to(cursor, 0.3, {
683        x: e.clientX,
684        y: e.clientY,
685        scale: cursor.classList.contains("hover")
686          ? 0.55
687          : 1,
688        ease: "power2.out"
689      }
690    );
691  }
692
693  document.addEventListener('mousemove', (e) => {
694    moveCircle(e);
695  });
696
697  document.addEventListener('DOMContentLoaded', () => {
698    initCircleCursor();
699  });
700</script>
700
701
702<div data-cursor-wrap class="cursor-w">
703  <div data-cursor class="cursor-dot">
704  </div>
705</div> -->
706
707<!--using javascript-->
708<!--
709<style>
710       
711       .cursor {
712           position: fixed;
713           top: 0;
714           left: 0;
715           /* pointer-events: none; */
716           z-index: 1000;
717           width: 100px;
718           height: 100px;
719           transform: translate(-50%, -50%);
720       }
721</style>
722
723
724<div id="custom-cursor" class="cursor"></div>
725
726
727<script>
728       document.addEventListener('DOMContentLoaded', () => {
729           const cursor = document.getElementById('custom-cursor');
730           function updateCursor() {
731               const style = window.getComputedStyle(document.body);
732               const backgroundColor = style.backgroundColor;
733               if (backgroundColor === 'rgb(0, 0, 0)') {
734                   cursor.innerHTML = `<svg class="cursor cursor__ball cursor__ball--big" xmlns="http://www.w3.org/2000/svg"
735                                        width="200" height="200" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="9.8" fill="transparent" stroke="white" stroke-width="0.5" /><circle class="circle2" cx="12" cy="12" r="2" fill="transparent" stroke="none"  /></svg>
736                                          `;
737               } else {
738                      cursor.innerHTML = `
739                                          <svg class="cursor cursor__ball cursor__ball--big" xmlns="http://www.w3.org/2000/svg"
740                                          width="200" height="200" viewBox="0 0 24 24" fill="none"><circle class="circle1" cx="12" cy="12" r="10.3" fill="transparent" stroke="black" stroke-width="0.5" /><circle class="circle2" cx="12" cy="12" r="2" fill="transparent" stroke="none"  /></svg>
741                                                            `;
742               }
743           }
744           function followMouse(event) {
745               cursor.style.left = `${event.clientX}px`;
746               cursor.style.top = `${event.clientY}px`;
747           }
748           updateCursor();
749           document.addEventListener('mousemove', followMouse);
750           const observer = new MutationObserver(() => {
751               updateCursor();
752           });
753           observer.observe(document.body, { attributes: true, attributeFilter: ['style'] });
754           // Manually change background color for demonstration
755           setTimeout(() => {
756               document.body.style.backgroundColor = 'black';
757           }, 3000);
758           setTimeout(() => {
759               document.body.style.backgroundColor = 'white';
760           }, 6000);
761       });
762</script>
762
763-->
764
765    <!--<svg class="cursor cursor__ball cursor__ball--big" xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="9.8" fill="transparent" stroke="white" stroke-width="0.5" /><circle class="circle1" cx="12" cy="12" r="10.3" fill="transparent" stroke="black" stroke-width="0.9" /><circle class="circle2" cx="12" cy="12" r="2" fill="transparent" stroke="none"  /></svg> -->
766          <!-- Google Tag Manager (noscript) -->
vendor: 89 bytes, lines 766-768
766
767          <noscript>
768          <iframe src="https://www.googletagmanager.com/ns.html?id=
768GTM-WMDKN99
vendor: 104 bytes, lines 768-770
768" height="0" width="0" style="display:none;visibility:hidden"></iframe>
769          </noscript>
770          
770<!-- End Google Tag Manager (noscript) --><a class="skip-to-content-link button visually-hidden" href="#MainContent">
771      Skip to content
772    </a>
773
774    
775
776    <div id="shopify-section-announcement-bar" class="shopify-section">
777</div>
778    <div id="shopify-section-header" class="shopify-section section-header"><link rel="stylesheet" href="//www.ruffino.it/cdn/shop/t/2/assets/component-list-menu.css?v=123066027007928327391699375258" media="print" onload="this.media='all'">
779<link rel="stylesheet" href="//www.ruffino.it/cdn/shop/t/2/assets/component-search.css?v=124397146971684477181699375259" media="print" onload="this.media='all'">
780<link rel="stylesheet" href="//www.ruffino.it/cdn/shop/t/2/assets/component-menu-drawer.css?v=123405317128945624251699375258" media="print" onload="this.media='all'">
781<link rel="stylesheet" href="//www.ruffino.it/cdn/shop/t/2/assets/component-cart-notification.css?v=113536908211917585951699375258" media="print" onload="this.media='all'">
782<link rel="stylesheet" href="//www.ruffino.it/cdn/shop/t/2/assets/component-cart-items.css?v=78358994979638455931699375259" media="print" onload="this.media='all'">
783<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" /><noscript><link href="//www.ruffino.it/cdn/shop/t/2/assets/component-list-menu.css?v=123066027007928327391699375258" rel="stylesheet" type="text/css" media="all" /></noscript>
784<noscript><link href="//www.ruffino.it/cdn/shop/t/2/assets/component-search.css?v=124397146971684477181699375259" rel="stylesheet" type="text/css" media="all" /></noscript>
785<noscript><link href="//www.ruffino.it/cdn/shop/t/2/assets/component-menu-drawer.css?v=123405317128945624251699375258" rel="stylesheet" type="text/css" media="all" /></noscript>
786<noscript><link href="//www.ruffino.it/cdn/shop/t/2/assets/component-cart-notification.css?v=113536908211917585951699375258" rel="stylesheet" type="text/css" media="all" /></noscript>
787<noscript><link href="//www.ruffino.it/cdn/shop/t/2/assets/component-cart-items.css?v=78358994979638455931699375259" rel="stylesheet" type="text/css" media="all" /></noscript>
788
789
790<style data-shopify>
791  .section-header--color {
792    color: #1e1e1e;
793  }
794</style>
795
796<style>
797  #HeaderMenu-MenuList-2.wines-megamenu,#HeaderMenu-MenuList-2.wines-megamenu-fixed{
798    width: 98vw;
799    display:flex;
800    flex-wrap: wrap;
801  }
802  .megamenu-item:first-child{
803    width: 100%;
804    text-align: center;
805    border-bottom:1px solid white;
806  }
807  #shopify-section-fixed-header .nav-head .megamenu-item:first-child{
808    border-bottom:1px solid black;
809  }
810  .megamenu-item ul li a {
811    padding: 4px 20px !important;
812}
813  .megamenu-item {
814    width: 25%;
815}
816span.megamenu-heading {
817  padding: 20px;
818  font-weight: bolder;
819  display: block;
820  text-decoration: underline;
821}
822  #HeaderMenu-MenuList-2 {
823    max-height: 80vh;
824    overflow-y: auto;
825}
826/* width */
827#HeaderMenu-MenuList-2::-webkit-scrollbar {
828  width: 3px;
829}
830
831/* Track */
832#HeaderMenu-MenuList-2::-webkit-scrollbar-track {
833  box-shadow: inset 0 0 5px grey; 
834  border-radius: 5px;
835}
836 
837/* Handle */
838#HeaderMenu-MenuList-2::-webkit-scrollbar-thumb {
839  background: black; 
840  border-radius: 5px;
841}
842sticky-header.tw-bg-transparent .dropdown-anchor span,sticky-header.tw-bg-transparent .nav-link-focus span,sticky-header.tw-bg-transparent .lang-link-focus {
843    text-shadow: 0.7px 0.6px black;
844}
845/* Handle on hover */
846#HeaderMenu-MenuList-2::-webkit-scrollbar-thumb:hover {
847  background: black; 
848}
849.menu-drawer summary.menu-drawer__menu-item{
850  font-family: "Neutraface Display Bold" !important;
851}
852.menu-drawer__close-button{
853display:block;
854font-family: "Neutraface Display Bold";
855text-transform:uppercase;
856text-align: center;
857}
858.menu-drawer__menu-item{
859  font-size: 18px;
860  text-transform:uppercase;
861text-align:center;
862}
863
864  .page_cookie-list h1{ display:none!important;}
865  
866  .header-logo img{
867    filter: invert(1);
868  }
869  
870  header-drawer {
871    justify-self: start;
872    margin-left: -1.2rem;
873  }
874  .mobile-download-btn {
875    justify-self: start;
876    margin-left: -1.2rem;
877  }
878  .tw-leading-zero{
879    line-height: 0px;
880  }
881
882  .desktop-language-toggle #FooterLanguageList {
883    min-width: 4rem !important; 
884    min-height: auto !important; 
885  }
886
887  
888    .desktop-language-toggle .disclosure:has(:not(.focus-inset-lang:focus-visible):focus-visible) {
889      outline: 0.2rem solid rgba(var(--color-foreground),.5);
890      box-shadow: none;
891      outline-color: white;
892      outline-offset: -11px;
893    }
894
895    .desktop-language-toggle .disclosure button:focus {
896      outline: 0;
897      border: none;
898    }
899
900    .focus-inset-lang:focus-visible{
901      outline: 0.2rem solid rgba(var(--color-foreground),.5);
902      outline-offset: -0.2rem;
903      box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground),.3);
904      outline-color: white;
905    }
906
907    .nav-link-focus:focus-visible > span {
908      text-decoration: underline;
909      outline: 4px solid #fbf6e6;
910      border: 2px solid #000;
911      outline-offset: unset;
912    }
913
914    .nav-link-focus:focus-visible {
915        outline: none;
916        box-shadow: none;
917    }
918    .lang-link-focus:focus-visible {
919      outline: 4px solid #fbf6e6;
920        border: 2px solid #000;
921        outline-offset: unset;
922        text-decoration: underline !important;
923    }
924     @media screen and (min-width: 750px){
925        sticky-header .nav-head nav a::after {
926        background: #fff !important;
927      }
928     }
929  
930
931
932
933  
934  @media screen and (max-width: 900px) {
935  header{
936    grid-template-areas: "left-icon heading icons";
937    grid-template-columns: 1fr 2fr 1fr;
938   }
939  }
940
941  @media screen and (min-width: 990px) {
942    header-drawer {
943      display: none;
944    }
945    .mobile-download-btn {
946      display: none;
947    }
948  }
949
950  .menu-drawer-container {
951    display: flex;
952  }
953
954  .list-menu {
955    list-style: none;
956    padding: 0;
957    margin: 0;
958  }
959
960  .list-menu--inline {
961    display: inline-flex;
962    flex-wrap: wrap;
963  }
964
965 /* summary.list-menu__item {
966    padding-right: 2.7rem !important;
967  }*/
968
969.header__menu-item .icon-caret {
970  right: 0rem;
971}
972summary .icon-caret{
973  top: calc(50% - .45rem);
974}
975  .list-menu__item {
976    display: flex;
977    align-items: center;
978    line-height: calc(1 + 0.3 / var(--font-body-scale));
979    width: 100%;
980  }
981
982  .list-menu__item--link {
983    text-decoration: none;
984    padding-bottom: 1rem;
985    padding-top: 1rem;
986    line-height: calc(1 + 0.8 / var(--font-body-scale));
987  }
988
989  .header__icon_black {
990    color: #000;
991  }
992
993  sticky-header .header__submenu li a.focus-inset:focus-visible {
994    outline-color: #000;
995    text-decoration: underline;
996  }
997
998  sticky-header .header__submenu li a::after {
999    background: #000;
1000  }
1001
1002  header-drawer nav.menu-drawer__navigation .menu-drawer__submenu {
1003    background-color: #1e1e1e;
1004  }
1005
1006  header-drawer .menu-drawer .icon.icon-arrow {
1007    color: #FFF;
1008  }
1009
1010  header-drawer .menu-drawer__close-button .icon-arrow {
1011    position: absolute;
1012    left: 2.5rem;
1013  }
1014
1015  @media screen and (min-width: 750px) {
1016    .list-menu__item--link {
1017      padding-bottom: 0.5rem;
1018      padding-top: 0.5rem;
1019    }
1020    .nav-head nav a, footer.nav-head a {
1021      text-decoration: none;
1022      display: inline-block;
1023    }
1024
1025    .nav-head nav a::after, footer.nav-head a::after {
1026      content: '';
1027      display: block;
1028      width: 0;
1029      height: 2px;
1030      background: #fff;
1031      transition: width .5s;
1032      -moz-transition: width .5s;
1033      -webkit-transition: width .5s;
1034      -o-transition: width .5s;
1035      -ms-transition: width .5s;
1036    }
1037
1038    .nav-head nav a:hover::after, footer.nav-head a:hover::after {
1039      width: 100%;
1040    }
1041
1042    .nav-head nav a:hover span, footer.nav-head a:hover {
1043      border-bottom: none;
1044    }
1045
1046    footer.nav-head .list-social__link:hover::after, footer.nav-head .footer-logo:hover::after {
1047      width: 0;
1048    }
1049
1050  }
1051  @media (min-width: 320px) and (max-width: 350px) and (max-height: 300px){
1052  .menu-drawer__navigation{
1053  background-color: #1e1e1e;
1054    z-index: 999;
1055    position: relative;
1056    margin-top: 77px;
1057    padding-top: 0px;
1058  }
1059  }
1060</style><style data-shopify>.section-header {
1061    margin-bottom: 0px;
1062  }
1063
1064  @media screen and (min-width: 750px) {
1065    .section-header {
1066      margin-bottom: 0px;
1067    }
1068  }</style>
1068<script src="//www.ruffino.it/cdn/shop/t/2/assets/details-disclosure.js?v=124607007620489513571699375255" data-ot-ignore defer="defer"></script>
vendor: 1 bytes, line 1068
1068
1069<script src="//www.ruffino.it/cdn/shop/t/2/assets/details-modal.js?v=96584647372591325711699375257" data-ot-ignore defer="defer"></script>
vendor: 1 bytes, line 1069
1069
1070<script src="//www.ruffino.it/cdn/shop/t/2/assets/cart-notification.js?v=158347141846313284011699375256" data-ot-ignore defer="defer"></script>
1070
1071
1072<sticky-header class="tw-block tw-absolute  tw-bg-transparent  tw-z-[1] tw-w-full">
1073  <header class="nav-head home-experience tw-pl-6 tw-pr-6 tw-grid tw-items-center header--top-left min990:tw-pb-4 min990:tw-pr-20 onlyIpad:tw-pl-[5rem] min990:tw-pl-[5rem] min1366:tw-pl-[8.2rem] min1536:tw-pl-[9rem] min1600:tw-pl-[12rem] min1600:tw-pr-[12rem] min1920:tw-pl-[18.5rem] min1920:tw-pr-[18.5rem] min2560:tw-pl-[24rem] min2560:tw-pr-[24rem]  header--has-menu max989:tw-flex max989:tw-flex-row-reverse max989:tw-justify-between mobile:tw-pl-4 mobile:tw-pr-4">
1074      
1075        <style>
1076          @media (max-width: 767px){
1077            .home-experience {
1078              display: grid;
1079            }
1080            header.home-experience {
1081              grid-template-areas: "left-icon heading icons";
1082              grid-template-columns: 1fr auto;
1083            }
1084          }
1085        </style>
1086        
1087          <a href="/pages/ruffino-experience" class="tw-hidden mobile:tw-block tw-flex tw-justify-between tw-items-center tw-font-neutraface-display-bold tw-text-white tw-text-[10px] tw-uppercase tw-w-fit tw-h-[33px] tw-rounded-[33px] tw-transition-all tw-duration-200 tw-ease-in tw-p-[10px] tw-pb-[25px] tw-border-solid tw-border tw-border-white device375:tw-ml-[8.5rem] tw-ml-[9.5rem] hover:tw-bg-black hover:tw-text-white">Live the Experience</a>
1088        
1089      
1090      <header-drawer class="-tw-ml-5 tw-justify-self-start min990:tw-hidden" data-breakpoint="tablet">
1091        
1092        <details id="Details-menu-drawer-container" class="tw-flex">
1093          <summary class=" header__icon  header__icon--menu header__icon--summary link focus-inset" aria-label="Menu">
1094            <span>
1095              <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" fill="none" viewBox="0 0 18 16">
1096  <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor">
1097</svg>
1098
1099              <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="43" height="19.939" class="icon icon-close" viewBox="0 0 43 19.939" style="width:3rem; height:3rem;">
1100    <g id="Componente_3_12" data-name="Componente 3 – 12" transform="translate(0 19.439) rotate(-90)">
1101      <g id="Raggruppa_332" data-name="Raggruppa 332" transform="translate(-116.71 186.748) rotate(-90)">
1102        <path id="Tracciato_1" data-name="Tracciato 1" d="M119.748,82.71h33" transform="translate(24 34)" fill="none" stroke="#fff" stroke-width="1"/>
1103        <path id="Tracciato_2" data-name="Tracciato 2" d="M119.748,82.71h33" transform="translate(34 43.79)" fill="none" stroke="#fff" stroke-width="1"/>
1104        <path id="Tracciato_3" data-name="Tracciato 3" d="M119.748,82.71h33" transform="translate(24 52.939)" fill="none" stroke="#fff" stroke-width="1"/>
1105      </g>
1106    </g>
1107  </svg>
1108  
1109            </span>
1110          </summary>
1111
1112         
1113           
1114          <div id="menu-drawer" class="gradient menu-drawer motion-reduce" tabindex="-1">
1115
1116            <div id="menu-drawer-logo" class="tw-absolute tw-w-[160px] tw-top-3.5 tw-left-3.5 min990:tw-hidden">
1117              <a href="/" aria-label="Home"><img data-ot-ignore srcset="//www.ruffino.it/cdn/shop/files/Wordmark_Logo-05.png?v=1699359163&width=160 1x, //www.ruffino.it/cdn/shop/files/Wordmark_Logo-05.png?v=1699359163&width=320 2x"
1118                    src="//www.ruffino.it/cdn/shop/files/Wordmark_Logo-05.png?v=1699359163&width=160"
1119                    loading="lazy"
1120                    class="header__heading-logo"
1121                    width="254"
1122                    height="100"
1123                    alt="Ruffino"
1124                  ></a>
1125            </div>
1126
1127            <div class="tw-absolute tw-h-full tw-w-full">
1128              <div class="tw-flex tw-flex-col tw-content-between tw-overflow-y-auto tw-h-full">
1129                <nav class="menu-drawer__navigation">
1130                  <ul class="menu-drawer__menu has-submenu tw-p-0 tw-m-0 tw-list-none" role="list">
1131                    
1132<li><details id="Details-menu-drawer-menu-item-1">
1133                            <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1134                              <a href="#">
1135                                Experiences
1136                              </a>
1137                              <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
1138  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1139</svg>
1140
1141                              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret 
1141card_color" viewBox="0 0 10 6">
1142  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1143</svg>
1144
1145                            </summary>
1146                            <div id="link-Experiences" class="menu-drawer__submenu has-submenu gradient motion-reduce" tabindex="-1">
1147                              <div class="menu-drawer__inner-submenu">
1148                                <button class="menu-drawer__close-button link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase" aria-expanded="true">
1149                                  <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
1150  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1151</svg>
1152
1153                                  Experiences
1154                                </button>
1155                                <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a href="/pages/ruffino-experience" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
1156                                          All Experiences
1157                                        </a></li><li><a href="/pages/cantina-ruffino" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
1158                                          Tour and Tasting
1159                                        </a></li><li><a href="/pages/enoteca-ruffino" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
1160                                          Enoteca Ruffino
1161                                        </a></li><li><a href="/pages/tre-rane" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
1162                                          Tre Rane Restaurant 
1163                                        </a></li><li><a href="https://www.ruffino.it/pages/winerelais-ruffino" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
1164                                          Wine Relais Ruffino 
1165                                        </a></li><li><a href="/pages/limonaia-exclusive-experiences" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
1166                                          Limonaia - Exclusive experiences
1167                                        </a></li></ul>
1168                              </div>
1169                            </div>
1170                          </details></li><li><details id="Details-menu-drawer-menu-item-2">
1171                            <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1172                              <a href="/collections/our-wines">
1173                                Wines
1174                              </a>
1175                              <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
1176  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1177</svg>
1178
1179                              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret 
1179card_color" viewBox="0 0 10 6">
1180  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1181</svg>
1182
1183                            </summary>
1184                            <div id="link-Wines" class="menu-drawer__submenu has-submenu gradient motion-reduce" tabindex="-1">
1185                              <div class="menu-drawer__inner-submenu">
1186                                <button class="menu-drawer__close-button link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase" aria-expanded="true">
1187                                  <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
1188  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1189</svg>
1190
1191                                  Wines
1192                                </button>
1193                                <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a href="/collections/our-wines" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
1194                                          All Wines
1195                                        </a></li><li><details id="Details-menu-drawer-submenu-2">
1196                                          <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 
1197                                            Appellation
1198                                            <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
1199  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1200</svg>
1201
1202                                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret card_color" viewBox="0 0 10 6">
1203  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1204</svg>
1205
1206                                          </summary>
1207                                          <div id="childlink-Appellation" class="menu-drawer__submenu has-submenu gradient motion-reduce">
1208                                            <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
1209                                              <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
1210  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1211</svg>
1212
1213                                              Appellation
1214                                            </button>
1215                                            <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
1216                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Chianti+Classico+Gran+Selezione+DOCG" class="grand_child_mob gchild_Chianti_Classico_Gran_Selezione_DOCG menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1217                                                    Chianti Classico Gran Selezione DOCG
1218                                                  </a>
1219                                                </li><li>
1220                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Chianti+Classico+Riserva+DOCG" class="grand_child_mob gchild_Chianti_Classico_Riserva_DOCG menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1221                                                    Chianti Classico Riserva DOCG
1222                                                  </a>
1223                                                </li><li>
1224                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Chianti+Classico+DOCG" class="grand_child_mob gchild_Chianti_Classico_DOCG menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1225                                                    Chianti Classico DOCG
1226                                                  </a>
1227                                                </li><li>
1228                                                  <a href="http://ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Toscana+IGT" class="grand_child_mob gchild_Toscana_IGT menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1229                                                    Toscana IGT
1230                                                  </a>
1231                                                </li><li>
1232                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Brunello+di+Montalcino+DOCG" class="grand_child_mob gchild_Brunello_di_Montalcino_DOCG menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1233                                                    Brunello di Montalcino DOCG
1234                                                  </a>
1235                                                </li><li>
1236                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Bolgheri+Superiore+DOC" class="grand_child_mob gchild_Bolgheri_Superiore_DOC menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1237                                                    Bolgheri Superiore DOC
1238                                                  </a>
1239                                                </li><li>
1240                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Chianti+Superiore+DOCG" class="grand_child_mob gchild_Chianti_Superiore_DOCG menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1241                                                    Chianti Superiore DOCG
1242                                                  </a>
1243                                                </li><li>
1244                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Chianti+DOCG" class="grand_child_mob gchild_Chianti_DOCG menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1245                                                    Chianti DOCG
1246                                                  </a>
1247                                                </li><li>
1248                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Orvieto+Classico+DOC" class="grand_child_mob gchild_Orvieto_Classico_DOC menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1249                                                    Orvieto Classico DOC
1250                                                  </a>
1251                                                </li><li>
1252                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Brunello+di+Montalcino+Riserva+DOCG" class="grand_child_mob gchild_Brunello_di_Montalcino_Riserva_DOCG menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1253                                                    Brunello di Montalcino Riserva DOCG
1254                                                  </a>
1255                                                </li><li>
1256                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Friuli+DOC" class="grand_child_mob gchild_Friuli_DOC menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1257                                                    Friuli DOC
1258                                                  </a>
1259                                                </li><li>
1260                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Veneto+DOC" class="grand_child_mob gchild_Veneto_DOC menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1261                                                    Veneto DOC
1262                                                  </a>
1263                                                </li><li>
1264                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Bolgheri+DOC" class="grand_child_mob gchild_Bolgheri_DOCG menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1265                                                    Bolgheri DOCG
1266                                                  </a>
1267                                                </li><li>
1268                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Rosso+di+Montepulciano+DOC" class="grand_child_mob gchild_Rosso_di_Montepulciano_DOC menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1269                                                    Rosso di Montepulciano DOC
1270                                                  </a>
1271                                                </li><li>
1272                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Morellino+di+Scansano+DOCG" class="grand_child_mob gchild_Morellino_di_Scansano_DOCG menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1273                                                    Morellino di Scansano DOCG
1274                                                  </a>
1275                                                </li><li>
1276                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Chianti+Classico+DOP" class="grand_child_mob gchild_Chianti_Classico_DOP menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1277                                                    Chianti Classico DOP
1278                                                  </a>
1279                                                </li><li>
1280                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Vino+Nobile+di+Montepulciano+DOCG" class="grand_child_mob gchild_Vino_Nobile_di_Montepulciano_DOCG menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1281                                                    Vino Nobile di Montepulciano DOCG
1282                                                  </a>
1283                                                </li></ul>
1284                                          </div>
1285                                        </details></li><li>
1285<details id="Details-menu-drawer-submenu-3">
1286                                          <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 
1287                                            Estate
1288                                            <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
1289  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1290</svg>
1291
1292                                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret card_color" viewBox="0 0 10 6">
1293  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1294</svg>
1295
1296                                          </summary>
1297                                          <div id="childlink-Estate" class="menu-drawer__submenu has-submenu gradient motion-reduce">
1298                                            <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
1299                                              <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
1300  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1301</svg>
1302
1303                                              Estate
1304                                            </button>
1305                                            <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
1306                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.estates=Poggio+Casciano" class="grand_child_mob gchild_Poggio_Casciano menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1307                                                    Poggio Casciano
1308                                                  </a>
1309                                                </li><li>
1310                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.estates=Montemasso" class="grand_child_mob gchild_Montemasso menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1311                                                    Montemasso
1312                                                  </a>
1313                                                </li><li>
1314                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.estates=Santedame" class="grand_child_mob gchild_Santedame menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1315                                                    Santedame
1316                                                  </a>
1317                                                </li><li>
1318                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.estates=Gretole" class="grand_child_mob gchild_Gretole_ menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1319                                                    Gretole 
1320                                                  </a>
1321                                                </li><li>
1322                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.estates=Greppone+Mazzi" class="grand_child_mob gchild_Greppone_Mazzi menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1323                                                    Greppone Mazzi
1324                                                  </a>
1325                                                </li><li>
1326                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.estates=La+Garzaia" class="grand_child_mob gchild_La_Garzaia menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1327                                                    La Garzaia
1328                                                  </a>
1329                                                </li><li>
1330                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.estates=La+Solat%C3%ACa" class="grand_child_mob gchild_La_Solatìa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1331                                                    La Solatìa
1332                                                  </a>
1333                                                </li></ul>
1334                                          </div>
1335                                        </details></li><li>
1335<details id="Details-menu-drawer-submenu-4">
1336                                          <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 
1337                                            Territory
1338                                            <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
1339  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1340</svg>
1341
1342                                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret card_color" viewBox="0 0 10 6">
1343  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1344</svg>
1345
1346                                          </summary>
1347                                          <div id="childlink-Territory" class="menu-drawer__submenu has-submenu gradient motion-reduce">
1348                                            <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
1349                                              <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
1350  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1351</svg>
1352
1353                                              Territory
1354                                            </button>
1355                                            <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
1356                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Chianti+Classico" class="grand_child_mob gchild_Chianti_Classico menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1357                                                    Chianti Classico
1358                                                  </a>
1359                                                </li><li>
1360                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Chianti" class="grand_child_mob gchild_Chianti_ menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1361                                                    Chianti 
1362                                                  </a>
1363                                                </li><li>
1364                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Montalcino" class="grand_child_mob gchild_Montalcino menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1365                                                    Montalcino
1366                                                  </a>
1367                                                </li><li>
1368                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Bolgheri" class="grand_child_mob gchild_Bolgheri menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1369                                                    Bolgheri
1370                                                  </a>
1371                                                </li><li>
1372                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Tuscan+Maremma" class="grand_child_mob gchild_Tuscan_Maremma menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1373                                                    Tuscan Maremma
1374                                                  </a>
1375                                                </li><li>
1376                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Tuscany" class="grand_child_mob gchild_Tuscany menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1377                                                    Tuscany
1378                                                  </a>
1379                                                </li><li>
1380                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Orvieto" class="grand_child_mob gchild_Orvieto menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1381                                                    Orvieto
1382                                                  </a>
1383                                                </li><li>
1384                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Veneto" class="grand_child_mob gchild_Veneto menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1385                                                    Veneto
1386                                                  </a>
1387                                                </li><li>
1388                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Friuli+Venezia+Giulia" class="grand_child_mob gchild_Friuli_Venezia_Giulia menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1389                                                    Friuli Venezia Giulia
1390                                                  </a>
1391                                                </li><li>
1392                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Montepulciano" class="grand_child_mob gchild_Montepulciano menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1393                                                    Montepulciano
1394                                                  </a>
1395                                                </li></ul>
1396                                          </div>
1397                                        </details></li><li>
1397<details id="Details-menu-drawer-submenu-5">
1398                                          <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 
1399                                            Category
1400                                            <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
1401  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1402</svg>
1403
1404                                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret card_color" viewBox="0 0 10 6">
1405  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1406</svg>
1407
1408                                          </summary>
1409                                          <div id="childlink-Category" class="menu-drawer__submenu has-submenu gradient motion-reduce">
1410                                            <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
1411                                              <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
1412  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1413</svg>
1414
1415                                              Category
1416                                            </button>
1417                                            <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
1418                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.category=Reds" class="grand_child_mob gchild_Reds menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1419                                                    Reds
1420                                                  </a>
1421                                                </li><li>
1422                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.category=Whites" class="grand_child_mob gchild_Whites menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1423                                                    Whites
1424                                                  </a>
1425                                                </li><li>
1426                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.category=Ros%C3%A9" class="grand_child_mob gchild_Rosé menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1427                                                    Rosé
1428                                                  </a>
1429                                                </li><li>
1430                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.category=Spirits+and+dessert+wines" class="grand_child_mob gchild_Spirits_and_Dessert_Wines menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1431                                                    Spirits and Dessert Wines
1432                                                  </a>
1433                                                </li><li>
1434                                                  <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.category=Olive+oils" class="grand_child_mob gchild_Olive_Oils menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1435                                                    Olive Oils
1436                                                  </a>
1437                                                </li></ul>
1438                                          </div>
1439                                        </details></li></ul>
1440                              </div>
1441                            </div>
1442                          </details></li><li>
1442<details id="Details-menu-drawer-menu-item-3">
1443                            <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
1444                              <a href="/pages/our-estates">
1445                                Estates
1446                              </a>
1447                              <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
1448  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1449</svg>
1450
1451                              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret card_color" viewBox="0 0 10 6">
1452  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1453</svg>
1454
1455                            </summary>
1456                            <div id="link-Estates" class="menu-drawer__submenu has-submenu gradient motion-reduce" tabindex="-1">
1457                              <div class="menu-drawer__inner-submenu">
1458                                <button class="menu-drawer__close-button link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase" aria-expanded="true">
1459                                  <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
1460  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1461</svg>
1462
1463                                  Estates
1464                                </button>
1465                                <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a href="/pages/our-estates" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
1466                                          All Estates
1467                                        </a></li><li><a href="/pages/poggio-casciano" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
1468                                          Poggio Casciano
1469                                        </a></li><li><a href="/pages/montemasso" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
1470                                          Montemasso
1471                                        </a></li><li><a href="/pages/santedame" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
1472                                          Santedame
1473                                        </a></li><li><a href="/pages/gretole" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
1474                                          Gretole
1475                                        </a></li><li><a href="/pages/greppone-mazzi" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
1476                                          Greppone Mazzi
1477                                        </a></li><li><a href="/pages/la-garzaia" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
1478                                          La Garzaia
1479                                        </a></li><li><a href="/pages/la-solatia" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
1480                                          La Solatìa 
1481                                        </a></li></ul>
1482                              </div>
1483                            </div>
1484                          </details></li><li> 
1485                          <a href="https://wineclub.ruffino.it/en/shop/" class="  shop-link  menu-drawer__menu-item list-menu__item link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
1486                            Shop
1487                          </a></li><li> 
1488                          <a href="/pages/sustainability" class="  menu-drawer__menu-item list-menu__item link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
1489                            Commitment
1490                          </a></li><li> 
1491                          <a href="/pages/orobyruffino" class="  menu-drawer__menu-item list-menu__item link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
1492                            OROBYRUFFINO
1493                          </a></li><li> 
1494                          <a href="/pages/where-to-buy" class=" where-to-buy-link   menu-drawer__menu-item list-menu__item link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
1495                            Where to buy
1496                          </a></li><li> 
1497                          <a href="https://ruffinosparkling.it/" class="  menu-drawer__menu-item list-menu__item link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
1498                            Ruffino Sparkling
1499                          </a></li>
1500                  </ul>
1501                </nav>
1502
1503                <div class="menu-drawer__navigation submenu__navigation !tw-py-[20px] tw-border-y-2 tw-border-y-white tw-border-y-solid ">
1504                  <ul class="menu-drawer__menu has-submenu tw-p-0 tw-m-0 tw-list-none" role="list">
1505                      <li class="about-us">
1506                          <a href="/pages/about-us" class="  menu-drawer__menu-item list-menu__item link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-center tw-text-white !tw-text-[14px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
1507                            About Us
1508                          </a></li>
1509                      <li class="contact">
1510                          <a href="/pages/contact" class="  menu-drawer__menu-item list-menu__item link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-center tw-text-white !tw-text-[14px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
1511                            Contact Us
1512                          </a></li>
1513                      <li class="news-listing">
1514                          <a href="/pages/news-listing" class="  menu-drawer__menu-item list-menu__item link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-center tw-text-white !tw-text-[14px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
1515                            News
1516                          </a></li>
1517                      <li class="ruffinosparkling.it">
1518                          <a href="https://ruffinosparkling.it/" class="  menu-drawer__menu-item list-menu__item link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-center tw-text-white !tw-text-[14px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
1519                            Ruffino Sparkling 
1520                          </a></li>
1521                      <li class="code-of-ethics">
1522                          <a href="/pages/code-of-ethics" class="  menu-drawer__menu-item list-menu__item link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-center tw-text-white !tw-text-[14px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
1523                            Code of Ethics
1524                          </a></li>
1525                      <li class="work-with-us">
1526                          <a href="/pages/work-with-us" class="  menu-drawer__menu-item list-menu__item link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-center tw-text-white !tw-text-[14px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
1527                            WORK WITH US
1528                          </a></li></ul>
1529                </div>
1530
1531              
1532              </div>
1533            </div>
1534          </div>
1535        </details>
1536      </header-drawer>
1537    
1538<div class="">
1539        <a href="/"class="tw-hidden"><img data-ot-ignore srcset="//www.ruffino.it/cdn/shop/files/Wordmark_Logo-05.png?v=1699359163&width=160 1x, //www.ruffino.it/cdn/shop/files/Wordmark_Logo-05.png?v=1699359163&width=320 2x"
1540              src="//www.ruffino.it/cdn/shop/files/Wordmark_Logo-05.png?v=1699359163&width=160"
1541              loading="lazy"
1542              class="header__heading-logo"
1543              width="254"
1544              height="100"
1545              alt="Ruffino"
1546            ></a>
1547      </div><nav class="default-header tw-hidden min990:tw-ml-0 min990:tw-block  ">
1548          <ul class=" section-header--color tw-inline-flex tw-flex-wrap tw-p-0 tw-m-0 tw-list-none" role="list">
1549            
1550<li><header-menu>
1551                      <details id="Details-HeaderMenu-1" class="">
1552                        <summary class="header__menu-item list-menu__item link focus-inset" aria-label="Experiences">
1553                          <span class="dropdown-anchor tw-flex tw-items-center tw-no-underline tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-shadow-none tw-bg-transparent tw-text-2xl link--text focus-inset"  tabindex="-1" aria-hidden="true">
1554                            <span class="tw-uppercase tw-font-neutraface-display-bold  tw-text-white  tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase ">Experiences</span>
1555                          </span>
1556                          <span>
1557                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret card_color" viewBox="0 0 10 6">
1558  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1559</svg>
1560
1561                          </span>
1562                        </summary>
1563                        
1564                        <ul id="HeaderMenu-MenuList-1" class="header__submenu tw-p-0 tw-m-0 tw-list-none list-menu--disclosure gradient caption-large motion-reduce global-settings-popup" role="list" tabindex="-1"><li><a href="/pages/ruffino-experience" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-bg-transparent tw-text-sm focus-inset ">
1565                                  All Experiences
1566                                </a></li><li><a href="/pages/cantina-ruffino" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-bg-transparent tw-text-sm focus-inset ">
1567                                  Tour and Tasting
1568                                </a></li><li><a href="/pages/enoteca-ruffino" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-bg-transparent tw-text-sm focus-inset ">
1569                                  Enoteca Ruffino
1570                                </a></li><li><a href="/pages/tre-rane" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-bg-transparent tw-text-sm focus-inset ">
1571                                  Tre Rane Restaurant 
1572                                </a></li><li><a href="https://www.ruffino.it/pages/winerelais-ruffino" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-bg-transparent tw-text-sm focus-inset ">
1573                                  Wine Relais Ruffino 
1574                                </a></li><li><a href="/pages/limonaia-exclusive-experiences" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-bg-transparent tw-text-sm focus-inset ">
1575                                  Limonaia - Exclusive experiences
1576                                </a></li></ul>
1577                      
1578                      </details>
1579                    </header-menu></li><li><header-menu>
1580                      <details id="Details-HeaderMenu-2" class="wines-menu">
1581                        <summary class="header__menu-item list-menu__item link focus-inset" aria-label="Wines">
1582                          <span class="dropdown-anchor tw-flex tw-items-center tw-no-underline tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-shadow-none tw-bg-transparent tw-text-2xl link--text focus-inset"  tabindex="-1" aria-hidden="true">
1583                            <span class="tw-uppercase tw-font-neutraface-display-bold  tw-text-white  tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase ">Wines</span>
1584                          </span>
1585                          <span>
1586                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret card_color" viewBox="0 0 10 6">
1587  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1588</svg>
1589
1590                          </span>
1591                        </summary>
1592                        
1593                          <div id="HeaderMenu-MenuList-2" class="wines-megamenu header__submenu tw-p-0 tw-m-0 tw-list-none list-menu--disclosure gradient caption-large motion-reduce global-settings-popup" role="list" tabindex="-1"><div class="megamenu-item"><a href="/collections/our-wines" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-bg-transparent tw-text-sm focus-inset ">
1594                                    All Wines
1595                                  </a>
1596                                
1597                              <ul></ul>
1598                                  </div><div class="megamenu-item">
1599                              <span class="megamenu-heading tw-font-neutraface-display-bold tw-uppercase  tw-text-white  tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal">Appellation</span>
1600                                
1601                              <ul><li>
1602                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Chianti+Classico+Gran+Selezione+DOCG" class="grandchild_items gchild_Chianti_Classico_Gran_Selezione_DOCG tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1603                                            Chianti Classico Gran Selezione DOCG
1604                                          </a>
1605                                        </li><li>
1606                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Chianti+Classico+Riserva+DOCG" class="grandchild_items gchild_Chianti_Classico_Riserva_DOCG tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1607                                            Chianti Classico Riserva DOCG
1608                                          </a>
1609                                        </li><li>
1610                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Chianti+Classico+DOCG" class="grandchild_items gchild_Chianti_Classico_DOCG tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1611                                            Chianti Classico DOCG
1612                                          </a>
1613                                        </li><li>
1614                                          <a href="http://ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Toscana+IGT" class="grandchild_items gchild_Toscana_IGT tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1615                                            Toscana IGT
1616                                          </a>
1617                                        </li><li>
1618                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Brunello+di+Montalcino+DOCG" class="grandchild_items gchild_Brunello_di_Montalcino_DOCG tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1619                                            Brunello di Montalcino DOCG
1620                                          </a>
1621                                        </li><li>
1622                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Bolgheri+Superiore+DOC" class="grandchild_items gchild_Bolgheri_Superiore_DOC tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1623                                            Bolgheri Superiore DOC
1624                                          </a>
1625                                        </li><li>
1626                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Chianti+Superiore+DOCG" class="grandchild_items gchild_Chianti_Superiore_DOCG tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1627                                            Chianti Superiore DOCG
1628                                          </a>
1629                                        </li><li>
1630                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Chianti+DOCG" class="grandchild_items gchild_Chianti_DOCG tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1631                                            Chianti DOCG
1632                                          </a>
1633                                        </li><li>
1634                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Orvieto+Classico+DOC" class="grandchild_items gchild_Orvieto_Classico_DOC tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1635                                            Orvieto Classico DOC
1636                                          </a>
1637                                        </li><li>
1638                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Brunello+di+Montalcino+Riserva+DOCG" class="grandchild_items gchild_Brunello_di_Montalcino_Riserva_DOCG tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1639                                            Brunello di Montalcino Riserva DOCG
1640                                          </a>
1641                                        </li><li>
1642                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Friuli+DOC" class="grandchild_items gchild_Friuli_DOC tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1643                                            Friuli DOC
1644                                          </a>
1645                                        </li><li>
1646                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Veneto+DOC" class="grandchild_items gchild_Veneto_DOC tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1647                                            Veneto DOC
1648                                          </a>
1649                                        </li><li>
1650                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Bolgheri+DOC" class="grandchild_items gchild_Bolgheri_DOCG tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1651                                            Bolgheri DOCG
1652                                          </a>
1653                                        </li><li>
1654                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Rosso+di+Montepulciano+DOC" class="grandchild_items gchild_Rosso_di_Montepulciano_DOC tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1655                                            Rosso di Montepulciano DOC
1656                                          </a>
1657                                        </li><li>
1658                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Morellino+di+Scansano+DOCG" class="grandchild_items gchild_Morellino_di_Scansano_DOCG tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1659                                            Morellino di Scansano DOCG
1660                                          </a>
1661                                        </li><li>
1662                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Chianti+Classico+DOP" class="grandchild_items gchild_Chianti_Classico_DOP tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1663                                            Chianti Classico DOP
1664                                          </a>
1665                                        </li><li>
1666                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Vino+Nobile+di+Montepulciano+DOCG" class="grandchild_items gchild_Vino_Nobile_di_Montepulciano_DOCG tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1667                                            Vino Nobile di Montepulciano DOCG
1668                                          </a>
1669                                        </li></ul>
1670                                  </div><div class="megamenu-item">
1671                              <span class="megamenu-heading tw-font-neutraface-display-bold tw-uppercase  tw-text-white  tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal">Estate</span>
1672                                
1673                              <ul><li>
1674                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.estates=Poggio+Casciano" class="grandchild_items gchild_Poggio_Casciano tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1675                                            Poggio Casciano
1676                                          </a>
1677                                        </li><li>
1678                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.estates=Montemasso" class="grandchild_items gchild_Montemasso tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1679                                            Montemasso
1680                                          </a>
1681                                        </li><li>
1682                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.estates=Santedame" class="grandchild_items gchild_Santedame tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1683                                            Santedame
1684                                          </a>
1685                                        </li><li>
1686                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.estates=Gretole" class="grandchild_items gchild_Gretole_ tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1687                                            Gretole 
1688                                          </a>
1689                                        </li><li>
1690                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.estates=Greppone+Mazzi" class="grandchild_items gchild_Greppone_Mazzi tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1691                                            Greppone Mazzi
1692                                          </a>
1693                                        </li><li>
1694                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.estates=La+Garzaia" class="grandchild_items gchild_La_Garzaia tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1695                                            La Garzaia
1696                                          </a>
1697                                        </li><li>
1698                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.estates=La+Solat%C3%ACa" class="grandchild_items gchild_La_Solatìa tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1699                                            La Solatìa
1700                                          </a>
1701                                        </li></ul>
1702                                  </div><div class="megamenu-item">
1703                              <span class="megamenu-heading tw-font-neutraface-display-bold tw-uppercase  tw-text-white  tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal">Territory</span>
1704                                
1705                              <ul><li>
1706                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Chianti+Classico" class="grandchild_items gchild_Chianti_Classico tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1707                                            Chianti Classico
1708                                          </a>
1709                                        </li><li>
1710                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Chianti" class="grandchild_items gchild_Chianti_ tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1711                                            Chianti 
1712                                          </a>
1713                                        </li><li>
1714                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Montalcino" class="grandchild_items gchild_Montalcino tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1715                                            Montalcino
1716                                          </a>
1717                                        </li><li>
1718                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Bolgheri" class="grandchild_items gchild_Bolgheri tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1719                                            Bolgheri
1720                                          </a>
1721                                        </li><li>
1722                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Tuscan+Maremma" class="grandchild_items gchild_Tuscan_Maremma tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1723                                            Tuscan Maremma
1724                                          </a>
1725                                        </li><li>
1726                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Tuscany" class="grandchild_items gchild_Tuscany tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1727                                            Tuscany
1728                                          </a>
1729                                        </li><li>
1730                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Orvieto" class="grandchild_items gchild_Orvieto tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1731                                            Orvieto
1732                                          </a>
1733                                        </li><li>
1734                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Veneto" class="grandchild_items gchild_Veneto tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1735                                            Veneto
1736                                          </a>
1737                                        </li><li>
1738                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Friuli+Venezia+Giulia" class="grandchild_items gchild_Friuli_Venezia_Giulia tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1739                                            Friuli Venezia Giulia
1740                                          </a>
1741                                        </li><li>
1742                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Montepulciano" class="grandchild_items gchild_Montepulciano tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1743                                            Montepulciano
1744                                          </a>
1745                                        </li></ul>
1746                                  </div><div class="megamenu-item">
1747                              <span class="megamenu-heading tw-font-neutraface-display-bold tw-uppercase  tw-text-white  tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal">Category</span>
1748                                
1749                              <ul><li>
1750                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.category=Reds" class="grandchild_items gchild_Reds tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1751                                            Reds
1752                                          </a>
1753                                        </li><li>
1754                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.category=Whites" class="grandchild_items gchild_Whites tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1755                                            Whites
1756                                          </a>
1757                                        </li><li>
1758                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.category=Ros%C3%A9" class="grandchild_items gchild_Rosé tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1759                                            Rosé
1760                                          </a>
1761                                        </li><li>
1762                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.category=Spirits+and+dessert+wines" class="grandchild_items gchild_Spirits_and_Dessert_Wines tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1763                                            Spirits and Dessert Wines
1764                                          </a>
1765                                        </li><li>
1766                                          <a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.category=Olive+oils" class="grandchild_items gchild_Olive_Oils tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
1767                                            Olive Oils
1768                                          </a>
1769                                        </li></ul>
1770                                  </div></div>
1771                        
1772                      </details>
1773                    </header-menu></li><li><header-menu>
1774                      <details id="Details-HeaderMenu-3" class="">
1775                        <summary class="header__menu-item list-menu__item link focus-inset" aria-label="Estates">
1776                          <span class="dropdown-anchor tw-flex tw-items-center tw-no-underline tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-shadow-none tw-bg-transparent tw-text-2xl link--text focus-inset"  tabindex="-1" aria-hidden="true">
1777                            <span class="tw-uppercase tw-font-neutraface-display-bold  tw-text-white  tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase ">Estates</span>
1778                          </span>
1779                          <span>
1780                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret card_color" viewBox="0 0 10 6">
1781  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1782</svg>
1783
1784                          </span>
1785                        </summary>
1786                        
1787                        <ul id="HeaderMenu-MenuList-3" class="header__submenu tw-p-0 tw-m-0 tw-list-none list-menu--disclosure gradient caption-large motion-reduce global-settings-popup" role="list" tabindex="-1"><li><a href="/pages/our-estates" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-bg-transparent tw-text-sm focus-inset ">
1788                                  All Estates
1789                                </a></li><li><a href="/pages/poggio-casciano" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-bg-transparent tw-text-sm focus-inset ">
1790                                  Poggio Casciano
1791                                </a></li><li><a href="/pages/montemasso" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-bg-transparent tw-text-sm focus-inset ">
1792                                  Montemasso
1793                                </a></li><li><a href="/pages/santedame" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-bg-transparent tw-text-sm focus-inset ">
1794                                  Santedame
1795                                </a></li><li><a href="/pages/gretole" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-bg-transparent tw-text-sm focus-inset ">
1796                                  Gretole
1797                                </a></li><li><a href="/pages/greppone-mazzi" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-bg-transparent tw-text-sm focus-inset ">
1798                                  Greppone Mazzi
1799                                </a></li><li><a href="/pages/la-garzaia" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-bg-transparent tw-text-sm focus-inset ">
1800                                  La Garzaia
1801                                </a></li><li><a href="/pages/la-solatia" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-bg-transparent tw-text-sm focus-inset ">
1802                                  La Solatìa 
1803                                </a></li></ul>
1804                      
1805                      </details>
1806                    </header-menu></li><li> 
1807                    <a href="https://wineclub.ruffino.it/en/shop/" class="nav-link-focus   shop-link  tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold  tw-text-white  tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-bg-transparent tw-text-2xl link--text focus-inset">
1808                      <span class="tw-font-neutraface-display-bold tw-uppercase  tw-text-white  tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase  hover:tw-border-b-2 hover:tw-border-solid focus:tw-border-b-2 focus:tw-border-solid  hover:tw-border-white focus:tw-border-white ">Shop</span>
1809                    </a></li><li> 
1810                    <a href="/pages/sustainability" class="nav-link-focus   tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold  tw-text-white  tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-bg-transparent tw-text-2xl link--text focus-inset">
1811                      <span class="tw-font-neutraface-display-bold tw-uppercase  tw-text-white  tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase  hover:tw-border-b-2 hover:tw-border-solid focus:tw-border-b-2 focus:tw-border-solid  hover:tw-border-white focus:tw-border-white ">Commitment</span>
1812                    </a></li><li> 
1813                    <a href="/pages/orobyruffino" class="nav-link-focus   tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold  tw-text-white  tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-bg-transparent tw-text-2xl link--text focus-inset">
1814                      <span class="tw-font-neutraface-display-bold tw-uppercase  tw-text-white  tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase  hover:tw-border-b-2 hover:tw-border-solid focus:tw-border-b-2 focus:tw-border-solid  hover:tw-border-white focus:tw-border-white ">OROBYRUFFINO</span>
1815                    </a></li><li> 
1816                    <a href="/pages/where-to-buy" class="nav-link-focus  where-to-buy-link   tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold  tw-text-white  tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-bg-transparent tw-text-2xl link--text focus-inset">
1817                      <span class="tw-font-neutraface-display-bold tw-uppercase  tw-text-white  tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase  hover:tw-border-b-2 hover:tw-border-solid focus:tw-border-b-2 focus:tw-border-solid  hover:tw-border-white focus:tw-border-white ">Where to buy</span>
1818                    </a></li><li> 
1819                    <a href="https://ruffinosparkling.it/" class="nav-link-focus   tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold  tw-text-white  tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-bg-transparent tw-text-2xl link--text focus-inset">
1820                      <span class="tw-font-neutraface-display-bold tw-uppercase  tw-text-white  tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase  hover:tw-border-b-2 hover:tw-border-solid focus:tw-border-b-2 focus:tw-border-solid  hover:tw-border-white focus:tw-border-white ">Ruffino Sparkling</span>
1821                    </a></li>
1822            
1823            <li>
1824              
1825              <div class="desktop-language-toggle tw-absolute tw-p-0 tw-right-0 min1536:tw-right-[4%] min1600:tw-right-[4%]  min1680:tw-right-[5%] min1920:tw-right-[11%] min2560:tw-right-[20%]"><noscript><form method="post" action="/localization" id="FooterLanguageFormNoScript" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="localization-form__select">
1826                      <h2 class="visually-hidden" id="FooterLanguageLabelNoScript">Language</h2>
1827                      <select class="localization-selector link" name="locale_code" aria-labelledby="FooterLanguageLabelNoScript"><option value="en" lang="en" selected>
1828                            English
1829                          </option><option value="it" lang="it">
1830                            Italiano
1831                          </option><option value="de" lang="de">
1832                            Deutsch
1833                          </option></select>
1834                      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret 
1834card_color" viewBox="0 0 10 6">
1835  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1836</svg>
1837
1838                    </div>
1839                    <button class="button button--tertiary">Update language</button></form></noscript>
1840
1841                <localization-form><form method="post" action="/localization" id="FooterLanguageForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="no-js-hidden">
1842                      
1843                      <div class="disclosure">
1844                        <button type="button" class="lang-link-focus disclosure__button localization-form__select localization-selector link link--text caption-large !tw-font-neutraface-display-bold  !tw-text-white  !tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase hover:!tw-underline" aria-expanded="false" aria-controls="FooterLanguageList" aria-describedby="FooterLanguageLabel" aria-label="language switcher">
1845                          En
1846                          <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret card_color" viewBox="0 0 10 6">
1847  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1848</svg>
1849
1850                        </button>
1851                        <div class="disclosure__list-wrapper  " hidden>
1852                          <ul id="FooterLanguageList" role="list" class="disclosure__list list-unstyled">
1853                                <li class="disclosure__item" tabindex="-1">
1854                                  <a class="link link--text disclosure__link caption-large focus-inset-lang !tw-font-neutraface-display-bold !tw-text-white !tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase" href="#" hreflang="it" lang="it" data-value="it">
1855                                    It
1856                                  </a>
1857                                </li>
1858                                <li class="disclosure__item" tabindex="-1">
1859                                  <a class="link link--text disclosure__link caption-large focus-inset-lang !tw-font-neutraface-display-bold !tw-text-white !tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase" href="#" hreflang="de" lang="de" data-value="de">
1860                                    De
1861                                  </a>
1862                                </li></ul>
1863                        </div>
1864                      </div>
1865                      <input type="hidden" name="locale_code" value="en">
1866                    </div></form></localization-form></div>
1867            </li>
1868          </ul>
1869        </nav><div class="tw-flex tw-justify-self-end tw-hidden">
1870      <details-modal class="min990:tw-inline-flex tw-leading-normal">
1871        <details>
1872          <summary class="tw-h-16 tw-w-16 tw-text-black tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent tw-text-2xl" aria-haspopup="dialog" aria-label="Search">
1873            <span class="tw-h-full tw-flex tw-items-center tw-justify-center">
1874              <svg class="tw-h-4 tw-w-4 tw-align-middle tw-fill-transparent" aria-hidden="true" focusable="false" role="presentation">
1875                <use href="#icon-search">
1876              </svg>
1877              <svg class="tw-h-4 tw-w-4 tw-align-middle tw-fill-transparent tw-hidden" aria-hidden="true" focusable="false" role="presentation">
1878                <use href="#icon-close">
1879              </svg>
1880            </span>
1881          </summary>
1882          <div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="Search">
1883            <div class="modal-overlay"></div>
1884            <div class="search-modal__content search-modal__content-bottom" tabindex="-1"><form action="/search" method="get" role="search" class="search search-modal__form">
1885                  <div class="field">
1886                    <input class="search__input field__input"
1887                      id="Search-In-Modal"
1888                      type="search"
1889                      name="q"
1890                      value=""
1891                      placeholder="Search">
1892                    <label class="field__label" for="Search-In-Modal">Search</label>
1893                    <input type="hidden" name="options[prefix]" value="last">
1894                    <button class="search__button field__button" aria-label="Search">
1895                      <svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation">
1896                        <use href="#icon-search">
1897                      </svg>
1898                    </button>
1899                  </div></form><button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset" aria-label="Close">
1900                <svg class="icon icon-close" aria-hidden="true" focusable="false" role="presentation">
1901                  <use href="#icon-close">
1902                </svg>
1903              </button>
1904            </div>
1905          </div>
1906        </details>
1907      </details-modal><a href="https://www.ruffino.it/customer_authentication/redirect?locale=en&region_country=US" class="header__icon header__icon--account link focus-inset small-hide">
1908          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-account" fill="none" viewBox="0 0 18 19">
1909  <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.
19091-3.67-1.35-6.17-1.35z" fill="currentColor">
1910</svg>
1911
1912          <span class="visually-hidden">Log in</span>
1913        </a><a href="/cart" class="tw-flex tw-items-center tw-justify-center tw-relative -tw-mr-5 tw-h-16 tw-w-8 tw-text-black tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent tw-text-2xl" id="cart-icon-bubble"><svg class="icon icon-cart-empty" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none">
1914  <path d="m15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33l-.78-11.61zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1 -9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z" fill="currentColor" fill-rule="evenodd"/>
1915</svg>
1916<span class="visually-hidden">Cart</span></a>
1917    </div>
1918  </header>
1919
1920</div>
1921
1922<script>
1923  /**
1924   * Array of European countries.
1925   */
1926  const EmeaCountries = ["Austria", "Belgium", "Bulgaria", "Croatia", "Cyprus", "Czech Republic", "Denmark", "Estonia", "Finland", "France", "Germany", "Greece", "Hungary", "Ireland", "Italy", "Latvia", "Lithuania", "Luxembourg", "Malta", "Netherlands", "Poland", "Portugal", "Romania", "Slovakia", "Slovenia", "Spain", "Sweden", "Switzerland", "United Kingdom"];
1927  const EmeaCountries_shopnow = ["Andorra", "Austria", "Belgium", "Bulgaria", "Croatia", "Czech Republic", "Denmark", "Estonia", "France", "Germany", "Greece", "Hungary", "Ireland", "Italy", "Latvia", "Liechtenstein", "Lithuania", "Luxembourg", "Malta", "Netherlands", "Poland", "Portugal", "Romania", "Slovakia", "Slovenia", "Spain", "Switzerland", "United Kingdom"];
1928
1929  $( document ).ready(function() {setTimeout(function () {
1930    var leftPosition = $('.wines-menu').offset().left - 10 ;
1931    $('.wines-megamenu').css('left', -leftPosition + 'px');
1932    },500);
1933    $(window).resize(function() {
1934      if ($(window).width() > 989) {
1935          // Your code here for when the window width is greater than 990px
1936          var leftPosition = $('.wines-menu').offset().left - 10 ;
1937          $('.wines-megamenu').css('left', -leftPosition + 'px');
1938      }
1939    });$(".header__icon--menu").click(function() {
1940      if ( $(this).attr('aria-expanded') == 'false' ) {
1941        $('#shopify-section-footer').show();
1942      } else {
1943        $('#shopify-section-footer').hide();
1944      }
1945    });
1946    
1947    // Remove aria-expanded attribute when summary is clicked
1948    $('summary').on('click', function() {
1949      $(this).removeAttr('aria-expanded');
1950    });
1951  });
1952
1953  
1954    
1955      $( document ).ready(function() {
1956        $('a.wine-club-link').attr('href', 'https://wineclub.ruffino.it/en/wine-club/');
1957        $('li.wine-club-link a').attr('href', 'https://wineclub.ruffino.it/en/wine-club/');
1958      });
1959    
1960  
1961
1962
1963  // language waise link
1964  
1965      $( document ).ready(function() {
1966        $('a.shop-link').attr('href', 'https://wineclub.ruffino.it/en/shop/');
1967      });
1968    
1969
1970  
1971
1972    /**
1973     * Fetches the Country by Shopify API '/browsing_context_suggestions.json' endpoint.
1974     */
1975    fetch('/browsing_context_suggestions.json')
1976      .then(res=>res.json())
1977      .then(r=>{
1978      const pathEmeaArr = ['report-a-problem', 'contact', 'work-with-us', 'privacy-policy', 'privacy-policy-new', 'terms-of-use', 'terms-and-conditions-of-experience-reservation', 'terms-and-conditions-of-sale', 'terms', 'cookies-policy', 'cookies-policy-new', 'test-contact'];
1979      const pathUSArr = ['contact-us', 'where-to-buy', 'privacy-notice', 'terms-and-conditions'];
1980      var currentPath = window.location.pathname;
1981      const lastItem = currentPath.substring(currentPath.lastIndexOf('/') + 1)
1982      /**
1983       * Checks if the country name detected by the system is included in the EmeaCountries array.
1984       * 
1985       * @param {string} r.detected_values.country.name - The name of the detected country.
1986       * @returns {boolean} - True if the country name is included in the EmeaCountries array, false otherwise.
1987       */
1988       /* Preselect the country on newsletter page */
1989       var selectElement = document.getElementById('newsletter-country');
1990        console.log(r.detected_values.country.name);
1991        // Get the value of the variable
1992        var myVariable = r.detected_values.country.name;
1993
1994        // Loop through all the options
1995        for (var i = 0; i < selectElement.options.length; i++) {
1996          // If the option value matches the variable value, select it
1997          if (selectElement.options[i].value == myVariable) {
1998            selectElement.selectedIndex = i;
1999            break;
2000          }
2001        }
2002         
2003        //console.log(r.detected_values.country.name)
2004        if(EmeaCountries_shopnow.includes(r.detected_values.country.name)){
2005        $('.only-shop-now').show().css("display", "inline-flex");
2006        }
2007        
2008        if (r.detected_values.country.name === 'United States') {
2009          $('.only-where-to-buy').show().css("display", "inline-flex");
2010        }
2011
2012
2013      
2014      if(EmeaCountries.includes(r.detected_values.country.name)){
2015        //to redirect pages which should not be shown in EMEA
2016        
2017        if (r.detected_values.country.name == 'Italy'){
2018          $('.page_work-with-us').show();
2019          $('.work-with-us').show();
2020          $('.gchild_Bolgheri_DOCG,.gchild_Rosso_di_Montepulciano_DOC,.gchild_Morellino_di_Scansano_DOCG,.gchild_Chianti_Classico_DOP,.gchild_Vino_Nobile_di_Montepulciano_DOCG,.gchild_Toscana,.gchild_Spirits_and_Dessert_Wines,.gchild_Olive_Oils,.gchild_Olivenol,.gchild_Spirituosen_und_dessertweine').css('display', 'inline-block');
2021          $('.gchild_La_Solatìa,.gchild_Montepulciano,.gchild_Bolgheri,.gchild_Olio_extravergine_di_oliva,.gchild_Spirits_e_vini_da_dessert').css('display', 'inline-block');
2022          $('.gchild_Brunello_di_Montalcino_Riserva_DOCG,.gchild_Friuli_DOC').hide();
2023          $('.gchild_Friuli_Venezia_Giulia ').parent('li').remove();
2024        }
2025
2026        $('.emea-consent-text').removeClass('tw-hidden').show();
2027        $('.default-consent-text').hide();
2028        
2029        if(lastItem == "privacy-notice"){
2030          
2031            window.location.href = '/pages/privacy-policy';
2032          
2033        }
2034        else if(lastItem == "terms-and-conditions"){
2035          
2036            window.location.href = '/pages/terms';
2037          
2038        }
2039        else if(lastItem == "contact-us"){
2040          
2041            window.location.href = '/pages/contact';
2042          
2043        }
2044        else if(pathUSArr.includes(lastItem)) {
2045          
2046            window.location.href = '/';
2047          
2048        }
2049        
2050        $('.custom-newsletter').show();   
2051        $('.page_report-a-problem').show();
2052        $('.page_contact').show();        
2053        $('.page_terms').show();
2054        $('.page_privacy-policy').show();
2055        $('.page_cookies-policy').show();
2056        $('.page_privacy-policy-new').show();
2057        $('.page_cookies-policy-new').show();
2058        $('.page_terms-of-use').show();
2059        $('.page_terms-and-conditions-of-experience-reservation').show();
2060        $('.page_terms-and-conditions-of-sale').show();
2061        $('.page_test-contact').show();   
2062        $('.nav-head .wine-club-link').attr('style', 'display: block !important');
2063        $('.nav-head .shop-link').attr('style', 'display: block !important');
2064        $('.report-a-problem').show();        
2065        $('.privacy-policy').show();     
2066        $('.cookies-policy').show();
2067        $('.privacy-policy-new').show();
2068        $('.cookies-policy-new').show();
2069        $('.terms-of-use').show();
2070        $('#menu-footer-menu .terms-and-conditions').hide();
2071        $('.terms-and-conditions-of-experience-reservation').show();
2072        $('.terms-and-conditions-of-sale').show();      
2073        $('.test-contact').show();
2074        $('.footer_main .wine-club-link').attr('style', 'display: inline-flex!important');
2075        $('.footer_main .shop-link').attr('style', 'display: inline-flex!important');
2076      }else{
2077        //to redirect pages which should not be shown in US or outside EMEA
2078        $('.emea-consent-text').hide();
2079        $('.default-consent-text').show();
2080        if(lastItem == "privacy-policy"){
2081          if (r.detected_values.country.name == 'United States') {
2082            
2083              window.location.href = '/pages/privacy-notice';
2084            
2085          }else{
2086            $('.page_privacy-policy').show();
2087            $('.privacy-policy').show();     
2088          }
2089        }
2090        else if(lastItem == "terms"){
2091          
2092            window.location.href = '/pages/terms-and-conditions';
2093          
2094        }
2095        else if(lastItem == "contact" ){
2096          if (r.detected_values.country.name == 'United States' || r.detected_values.country.name == 'Canada'){
2097            
2098            window.location.href = '/pages/contact-us';
2099          
2100          }
2101        }
2102        else if (pathEmeaArr.includes(lastItem)) {
2103          
2104            window.location.href = '/';
2105          
2106        }       
2107       
2108 
2109        /**
2110         * Checks if the detected country name is either 'United States' or 'Canada'.
2111         * 
2112         * @param {Object} r.detected_values - The detected values object.
2113         * @param {Object} r.detected_values.country - The detected country object.
2114         * @param {string} r.detected_values.country.name - The name of the detected country.
2115         * 
2116         * @returns {boolean} Returns true if the detected country name is 'United States' or 'Canada', otherwise false.
2117         */
2118        if (r.detected_values.country.name == 'United States' || r.detected_values.country.name == 'Canada') {
2119          $('.custom-newsletter').show();        
2120        }
2121        if (r.detected_values.country.name == 'United States') {
2122          $('.where-to-buy').show().css("display", "inline-flex");   
2123           
2124            $('.where-to-buy-link').attr('style', 'display: list-item !important');
2125          
2126          $('.page_where-to-buy').show();
2127        }
2128        $('.page_contact-us').show();
2129        $('.page_terms-and-conditions').show();
2130        $('.page_privacy-notice').show();
2131        $('.privacy-notice').show();
2132
2133       // $('li.contact a').attr('href', 'https://ruffino.zendesk.com/hc/en-us/requests/new');
2134       // $('li.contact-us a').attr('href', 'https://ruffino.zendesk.com/hc/en-us/requests/new');
2135
2136        
2137          $('li.terms-and-conditions a').attr('href', '/pages/terms-and-conditions');
2138     
2139        
2140      }
2141      if ( r.detected_values.country.name == 'Canada'){
2142        $('.privacy-policy-ca').show();
2143        $('.cookie-policy-ca').show();
2144        $('.terms-of-use-ca').show();
2145        $('.terms-and-conditions').hide();
2146        $('.privacy-notice').hide();
2147        
2148          $('a[href="/pages/privacy-notice"]').attr('href', '/pages/privacy-policy-ca');
2149          $('a[href="/pages/terms-and-conditions"]').attr('href', '/pages/terms-of-use-ca'); 
2150        
2151        if(lastItem == "privacy-policy-ca"){
2152          $('.page_privacy-policy-ca').show();
2153        }
2154        if(lastItem == "terms-of-use-ca"){
2155          $('.page_terms-of-use-ca').show();
2156        }
2157          if(lastItem == "cookie-policy-ca"){
2158          $('.page_cookie-policy-ca').show();
2159        }
2160      }else{
2161        if(lastItem == "privacy-policy-ca"){
2162          $('.page_privacy-policy-ca').hide();
2163          window.location.href = '/';
2164                       
2165        }
2166        if(lastItem == "terms-of-use-ca"){
2167          $('.page_terms-of-use-ca').hide();
2168          window.location.href = '/';
2169        }
2170        if(lastItem == "cookie-policy-ca"){
2171          $('.page_cookie-policy-ca').hide();
2172          window.location.href = '/';
2173        }
2174      }
2175    })
2176  
2177  
2178</script>
2178
2179
2180<script type="text/javascript" data-ot-ignore>
2181  class StickyHeader extends HTMLElement {
2182    constructor() {
2183      super();
2184    }
2185
2186    connectedCallback() {
2187      this.header = document.getElementById('shopify-section-header');
2188      this.headerBounds = {};
2189      this.currentScrollTop = 0;
2190      this.preventReveal = false;
2191      this.predictiveSearch = this.querySelector('predictive-search');
2192
2193      this.onScrollHandler = this.onScroll.bind(this);
2194      this.hideHeaderOnScrollUp = () => this.preventReveal = true;
2195
2196      this.addEventListener('preventHeaderReveal', this.hideHeaderOnScrollUp);
2197      window.addEventListener('scroll', this.onScrollHandler, false);
2198
2199      this.createObserver();
2200    }
2201
2202    disconnectedCallback() {
2203      this.removeEventListener('preventHeaderReveal', this.hideHeaderOnScrollUp);
2204      window.removeEventListener('scroll', this.onScrollHandler);
2205    }
2206
2207    createObserver() {
2208      let observer = new IntersectionObserver((entries, observer) => {
2209        this.headerBounds = entries[0].intersectionRect;
2210        observer.disconnect();
2211      });
2212
2213      observer.observe(this.header);
2214    }
2215
2216    onScroll() {
2217      const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
2218
2219      if (this.predictiveSearch && this.predictiveSearch.isOpen) return;
2220
2221      if (scrollTop > this.currentScrollTop && scrollTop > this.headerBounds.bottom) {
2222        if (this.preventHide) return;
2223        requestAnimationFrame(this.hide.bind(this));
2224      } else if (scrollTop < this.currentScrollTop && scrollTop > this.headerBounds.bottom) {
2225        if (!this.preventReveal) {
2226          requestAnimationFrame(this.reveal.bind(this));
2227        } else {
2228          window.clearTimeout(this.isScrolling);
2229
2230          this.isScrolling = setTimeout(() => {
2231            this.preventReveal = false;
2232          }, 66);
2233
2234          requestAnimationFrame(this.hide.bind(this));
2235        }
2236      } else if (scrollTop <= this.headerBounds.top) {
2237        requestAnimationFrame(this.reset.bind(this));
2238      }
2239
2240      this.currentScrollTop = scrollTop;
2241    }
2242
2243    hide() {
2244      this.header.classList.add('shopify-section-header-hidden', 'shopify-section-header-sticky');
2245      this.closeMenuDisclosure();
2246      this.closeSearchModal();
2247    }
2248
2249    reveal() {
2250      this.header.classList.add('shopify-section-header-sticky', 'animate');
2251      this.header.classList.remove('shopify-section-header-hidden');
2252    }
2253
2254    reset() {
2255      this.header.classList.remove('shopify-section-header-hidden', 'shopify-section-header-sticky', 'animate');
2256    }
2257
2258    closeMenuDisclosure() {
2259      this.disclosures = this.disclosures || this.header.querySelectorAll('header-menu');
2260      this.disclosures.forEach(disclosure => disclosure.close());
2261    }
2262
2263    closeSearchModal() {
2264      this.searchModal = this.searchModal || this.header.querySelector('details-modal');
2265      this.searchModal.close(false);
2266    }
2267  }
2268
2269  customElements.define('sticky-header', StickyHeader);
2270  
2271</script>
2271
2272
2273<script type="application/ld+json">
2274  {
2275    "@context": "http://schema.org",
2276    "@type": "Organization",
2277    "name": "Ruffino",
2278    
2279      "logo": "https:\/\/www.ruffino.it\/cdn\/shop\/files\/Wordmark_Logo-05.png?v=1699359163\u0026width=254",
2280    
2281    "sameAs": [
2282      "https:\/\/twitter.com\/CopperAndKings",
2283      "https:\/\/www.facebook.com\/ruffino1877",
2284      "",
2285      "https:\/\/www.instagram.com\/ruffino_1877",
2286      "",
2287      "",
2288      "",
2289      "https:\/\/www.youtube.com\/@ruffino_1877",
2290      ""
2291    ],
2292    "url": "https:\/\/www.ruffino.it"
2293  }
2294
2295</script>
2295
2296  
2296<script type="application/ld+json">
2297    {
2298      "@context": "http://schema.org",
2299      "@type": "WebSite",
2300      "name": "Ruffino",
2301      "potentialAction": {
2302        "@type": "SearchAction",
2303        "target": "https:\/\/www.ruffino.it\/search?q={search_term_string}",
2304        "query-input": "required name=search_term_string"
2305      },
2306      "url": "https:\/\/www.ruffino.it"
2307    }
2308  </script>
2308
2309
2310<script>
2311  document.addEventListener('DOMContentLoaded', function() {
2312    // Get the current language
2313    var currentLanguage = window.Shopify.locale;
2314    // Find all custom links
2315    var customLinks = document.querySelectorAll('.grandchild_items,.grand_child_mob');
2316   
2317    // Function to insert language code at the 3rd position in the URL
2318    if(currentLanguage == 'it' || currentLanguage == 'de'){
2319      
2320    function insertLanguageCode(url, lang) {
2321      var urlParts = url.split('/');
2322      if (urlParts.length > 2) {
2323        urlParts.splice(3, 0, lang);
2324        return urlParts.join('/');
2325      }
2326      return url;
2327    }
2328   
2329    // Update each custom link
2330    customLinks.forEach(function(link) {
2331      var originalUrl = link.href;
2332      var newUrl = insertLanguageCode(originalUrl, currentLanguage);
2333      link.href = newUrl;
2334    });
2335  }
2336  });
2337
2338  // Remove role="button" from all summary elements as they have implicit button role
2339  // Also remove aria-expanded and aria-controls as they can cause validation issues
2340  function removeSummaryRoles() {
2341    document.querySelectorAll('summary[role="button"]').forEach(function(summary) {
2342      summary.removeAttribute('role');
2343    });
2344    
2345    document.querySelectorAll('summary[aria-expanded]').forEach(function(summary) {
2346      summary.removeAttribute('aria-expanded');
2347    });
2348    
2349    
2350  }
2351
2352  // Run immediately
2353  removeSummaryRoles();
2354
2355  // Run after a delay to catch dynamically added elements
2356  setTimeout(removeSummaryRoles, 100);
2357  setTimeout(removeSummaryRoles, 500);
2358  setTimeout(removeSummaryRoles, 1000);
2359
2360  // Also run on DOM mutations to catch any dynamically added summary elements
2361  var observer = new MutationObserver(function(mutations) {
2362    mutations.forEach(function(mutation) {
2363      if (mutation.addedNodes.length) {
2364        removeSummaryRoles();
2365      }
2366    });
2367  });
2368
2369  observer.observe(document.body, {
2370    childList: true,
2371    subtree: true
2372  });
2373</script>
2373</div>
2374  
2375    <div id="shopify-section-fixed-header" class="shopify-section section-header"><link href="//www.ruffino.it/cdn/shop/t/2/assets/fixed-header.css?v=135199143151552708481699375257" rel="stylesheet" type="text/css" media="all" />
2376<header class="nav-head header-fixed "  style="display:none">
2377	<div class="fixed-header-400 tw-pl-6 tw-pr-6 tw-grid tw-items-center header--top-left min990:tw-pb-4 min990:tw-pr-20 onlyIpad:tw-pl-[6.6rem] min990:tw-pl-[6.6rem] min1366:tw-pl-[6.2rem] min1536:tw-pl-[4rem] min1600:tw-pl-[6.5rem] min1600:tw-pr-[12rem] min1680:tw-pl-[8rem] min1920:tw-pl-[15.5rem] min1920:tw-pr-[20.5rem] min2560:tw-pl-[35rem] min2560:tw-pr-[35rem]  header--has-menu max989:tw-flex max989:tw-justify-between mobile:tw-pl-4 mobile:tw-pr-4">
2378		<a href="/" class="header-logo sustainability-logo tw-leading-none tw-text-center min990:tw-justify-self-start tw-inline-block tw-no-underline tw-break-words tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent tw-text-2xl link--text focus-inset"><img data-ot-ignore srcset="//www.ruffino.it/cdn/shop/files/Wordmark_Logo-05.png?v=1699359163&width=160 1x, //www.ruffino.it/cdn/shop/files/Wordmark_Logo-05.png?v=1699359163&width=320 2x"
2379				src="//www.ruffino.it/cdn/shop/files/Wordmark_Logo-05.png?v=1699359163&width=160"
2380				loading="lazy"
2381				class="header__heading-logo"
2382				width="254"
2383				height="100"
2384				alt="Ruffino"
2385			  ></a>
2386
2387		
2388			
2389				<a href="/pages/ruffino-experience" class="tw-hidden mobile:tw-block tw-flex tw-justify-between tw-items-center tw-font-neutraface-display-bold tw-text-black tw-text-[10px] tw-uppercase tw-w-fit tw-h-[33px] tw-rounded-[33px] tw-transition-all tw-duration-200 tw-ease-in tw-p-[10px] tw-pb-[25px] tw-border-solid tw-border tw-border-black hover:tw-bg-black hover:tw-text-white">Live the Experience</a>
2390			
2391		
2392
2393			<header-drawer class="-tw-ml-5 tw-justify-self-start min990:tw-hidden" data-breakpoint="tablet">
2394			  
2395			  <details id="Details-menu-drawer-container-fixed" class="tw-flex">
2396				<summary class=" header__icon  header__icon--menu header__icon--summary link focus-inset" aria-label="Menu">
2397				  <span>
2398					<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" fill="none" viewBox="0 0 18 16">
2399  <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor">
2400</svg>
2401
2402					<svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="43" height="19.939" class="icon icon-close" viewBox="0 0 43 19.939" style="width:3rem; height:3rem;">
2403    <g id="Componente_3_12" data-name="Componente 3 – 12" transform="translate(0 19.439) rotate(-90)">
2404      <g id="Raggruppa_332" data-name="Raggruppa 332" transform="translate(-116.71 186.748) rotate(-90)">
2405        <path id="Tracciato_1" data-name="Tracciato 1" d="M119.748,82.71h33" transform="translate(24 34)" fill="none" stroke="#fff" stroke-width="1"/>
2406        <path id="Tracciato_2" data-name="Tracciato 2" d="M119.748,82.71h33" transform="translate(34 43.79)" fill="none" stroke="#fff" stroke-width="1"/>
2407        <path id="Tracciato_3" data-name="Tracciato 3" d="M119.748,82.71h33" transform="translate(24 52.939)" fill="none" stroke="#fff" stroke-width="1"/>
2408      </g>
2409    </g>
2410  </svg>
2411  
2412				  </span>
2413				</summary>
2414	  
2415			   
2416				 
2417				<div id="menu-drawer" class="gradient menu-drawer motion-reduce" tabindex="-1">
2418	  
2419				  <div id="menu-drawer-logo" class="tw-absolute tw-w-[160px] tw-top-3.5 tw-left-3.5 min990:tw-hidden">
2420					<a href="/" aria-label="Home"><img data-ot-ignore srcset="//www.ruffino.it/cdn/shop/files/Wordmark_Logo-05.png?v=1699359163&width=160 1x, //www.ruffino.it/cdn/shop/files/Wordmark_Logo-05.png?v=1699359163&width=320 2x"
2421						  src="//www.ruffino.it/cdn/shop/files/Wordmark_Logo-05.png?v=1699359163&width=160"
2422						  loading="lazy"
2423						  class="header__heading-logo"
2424						  width="254"
2425						  height="100"
2426						  alt="Ruffino"
2427						></a>
2428				  </div>
2429	  
2430				  <div class="tw-absolute tw-h-full tw-w-full">
2431					<div class="tw-flex tw-flex-col tw-content-between tw-overflow-y-auto tw-h-full">
2432					  <nav class="menu-drawer__navigation">
2433						<ul class="menu-drawer__menu has-submenu tw-p-0 tw-m-0 tw-list-none" role="list">
2434							 <li>
2434<details id="Details-menu-drawer-menu-item-1">
2435										<summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
2436											<a href="#">
2437												Experiences
2438											</a>
2439											<svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
2440  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2441</svg>
2442
2443											<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret card_color" viewBox="0 0 10 6">
2444  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
2445</svg>
2446
2447										</summary>
2448										<div id="link-Experiences" class="menu-drawer__submenu has-submenu gradient motion-reduce" tabindex="-1">
2449											<div class="menu-drawer__inner-submenu">
2450											<button class="menu-drawer__close-button link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase" aria-expanded="true">
2451												<svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
2452  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2453</svg>
2454
2455												Experiences
2456											</button>
2457											<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a href="/pages/ruffino-experience" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
2458														All Experiences
2459													</a></li><li><a href="/pages/cantina-ruffino" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
2460														Tour and Tasting
2461													</a></li><li><a href="/pages/enoteca-ruffino" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
2462														Enoteca Ruffino
2463													</a></li><li><a href="/pages/tre-rane" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
2464														Tre Rane Restaurant 
2465													</a></li><li><a href="https://www.ruffino.it/pages/winerelais-ruffino" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
2466														Wine Relais Ruffino 
2467													</a></li><li><a href="/pages/limonaia-exclusive-experiences" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
2468														Limonaia - Exclusive experiences
2469													</a></li></ul>
2470											</div>
2471										</div>
2472										</details></li><li><details id="Details-menu-drawer-menu-item-2">
2473										<summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
2474											<a href="/collections/our-wines">
2475												Wines
2476											</a>
2477											<svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
2478  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2479</svg>
2480
2481											<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret 
2481card_color" viewBox="0 0 10 6">
2482  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
2483</svg>
2484
2485										</summary>
2486										<div id="link-Wines" class="menu-drawer__submenu has-submenu gradient motion-reduce" tabindex="-1">
2487											<div class="menu-drawer__inner-submenu">
2488											<button class="menu-drawer__close-button link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase" aria-expanded="true">
2489												<svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
2490  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2491</svg>
2492
2493												Wines
2494											</button>
2495											<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a href="/collections/our-wines" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
2496														All Wines
2497													</a></li><li><details id="Details-menu-drawer-submenu-2">
2498														<summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 
2499														Appellation
2500														<svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
2501  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2502</svg>
2503
2504														<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret card_color" viewBox="0 0 10 6">
2505  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
2506</svg>
2507
2508														</summary>
2509														<div id="childlink-Appellation" class="menu-drawer__submenu has-submenu gradient motion-reduce">
2510														<button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
2511															<svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
2512  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2513</svg>
2514
2515															Appellation
2516														</button>
2517														<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
2518																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Chianti+Classico+Gran+Selezione+DOCG" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2519																Chianti Classico Gran Selezione DOCG
2520																</a>
2521															</li><li>
2522																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Chianti+Classico+Riserva+DOCG" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2523																Chianti Classico Riserva DOCG
2524																</a>
2525															</li><li>
2526																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Chianti+Classico+DOCG" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2527																Chianti Classico DOCG
2528																</a>
2529															</li><li>
2530																<a href="http://ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Toscana+IGT" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2531																Toscana IGT
2532																</a>
2533															</li><li>
2534																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Brunello+di+Montalcino+DOCG" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2535																Brunello di Montalcino DOCG
2536																</a>
2537															</li><li>
2538																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Bolgheri+Superiore+DOC" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2539																Bolgheri Superiore DOC
2540																</a>
2541															</li><li>
2542																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Chianti+Superiore+DOCG" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2543																Chianti Superiore DOCG
2544																</a>
2545															</li><li>
2546																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Chianti+DOCG" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2547																Chianti DOCG
2548																</a>
2549															</li><li>
2550																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Orvieto+Classico+DOC" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2551																Orvieto Classico DOC
2552																</a>
2553															</li><li>
2554																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Brunello+di+Montalcino+Riserva+DOCG" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2555																Brunello di Montalcino Riserva DOCG
2556																</a>
2557															</li><li>
2558																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Friuli+DOC" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2559																Friuli DOC
2560																</a>
2561															</li><li>
2562																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Veneto+DOC" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2563																Veneto DOC
2564																</a>
2565															</li><li>
2566																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Bolgheri+DOC" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2567																Bolgheri DOCG
2568																</a>
2569															</li><li>
2570																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Rosso+di+Montepulciano+DOC" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2571																Rosso di Montepulciano DOC
2572																</a>
2573															</li><li>
2574																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Morellino+di+Scansano+DOCG" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2575																Morellino di Scansano DOCG
2576																</a>
2577															</li><li>
2578																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Chianti+Classico+DOP" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2579																Chianti Classico DOP
2580																</a>
2581															</li><li>
2582																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Vino+Nobile+di+Montepulciano+DOCG" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2583																Vino Nobile di Montepulciano DOCG
2584																</a>
2585															</li></ul>
2586														</div>
2587													</details></li><li>
2587<details id="Details-menu-drawer-submenu-3">
2588														<summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 
2589														Estate
2590														<svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
2591  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2592</svg>
2593
2594														<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret card_color" viewBox="0 0 10 6">
2595  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
2596</svg>
2597
2598														</summary>
2599														<div id="childlink-Estate" class="menu-drawer__submenu has-submenu gradient motion-reduce">
2600														<button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
2601															<svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
2602  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2603</svg>
2604
2605															Estate
2606														</button>
2607														<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
2608																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.estates=Poggio+Casciano" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2609																Poggio Casciano
2610																</a>
2611															</li><li>
2612																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.estates=Montemasso" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2613																Montemasso
2614																</a>
2615															</li><li>
2616																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.estates=Santedame" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2617																Santedame
2618																</a>
2619															</li><li>
2620																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.estates=Gretole" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2621																Gretole 
2622																</a>
2623															</li><li>
2624																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.estates=Greppone+Mazzi" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2625																Greppone Mazzi
2626																</a>
2627															</li><li>
2628																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.estates=La+Garzaia" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2629																La Garzaia
2630																</a>
2631															</li><li>
2632																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.estates=La+Solat%C3%ACa" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2633																La Solatìa
2634																</a>
2635															</li></ul>
2636														</div>
2637													</details></li><li>
2637<details id="Details-menu-drawer-submenu-4">
2638														<summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 
2639														Territory
2640														<svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
2641  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2642</svg>
2643
2644														<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret card_color" viewBox="0 0 10 6">
2645  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
2646</svg>
2647
2648														</summary>
2649														<div id="childlink-Territory" class="menu-drawer__submenu has-submenu gradient motion-reduce">
2650														<button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
2651															<svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
2652  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2653</svg>
2654
2655															Territory
2656														</button>
2657														<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
2658																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Chianti+Classico" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2659																Chianti Classico
2660																</a>
2661															</li><li>
2662																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Chianti" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2663																Chianti 
2664																</a>
2665															</li><li>
2666																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Montalcino" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2667																Montalcino
2668																</a>
2669															</li><li>
2670																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Bolgheri" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2671																Bolgheri
2672																</a>
2673															</li><li>
2674																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Tuscan+Maremma" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2675																Tuscan Maremma
2676																</a>
2677															</li><li>
2678																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Tuscany" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2679																Tuscany
2680																</a>
2681															</li><li>
2682																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Orvieto" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2683																Orvieto
2684																</a>
2685															</li><li>
2686																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Veneto" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2687																Veneto
2688																</a>
2689															</li><li>
2690																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Friuli+Venezia+Giulia" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2691																Friuli Venezia Giulia
2692																</a>
2693															</li><li>
2694																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Montepulciano" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2695																Montepulciano
2696																</a>
2697															</li></ul>
2698														</div>
2699													</details></li><li>
2699<details id="Details-menu-drawer-submenu-5">
2700														<summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 
2701														Category
2702														<svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
2703  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2704</svg>
2705
2706														<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret card_color" viewBox="0 0 10 6">
2707  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
2708</svg>
2709
2710														</summary>
2711														<div id="childlink-Category" class="menu-drawer__submenu has-submenu gradient motion-reduce">
2712														<button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
2713															<svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
2714  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2715</svg>
2716
2717															Category
2718														</button>
2719														<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
2720																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.category=Reds" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2721																Reds
2722																</a>
2723															</li><li>
2724																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.category=Whites" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2725																Whites
2726																</a>
2727															</li><li>
2728																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.category=Ros%C3%A9" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2729																Rosé
2730																</a>
2731															</li><li>
2732																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.category=Spirits+and+dessert+wines" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2733																Spirits and Dessert Wines
2734																</a>
2735															</li><li>
2736																<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.category=Olive+oils" class="aaa menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase ">
2737																Olive Oils
2738																</a>
2739															</li></ul>
2740														</div>
2741													</details></li></ul>
2742											</div>
2743										</div>
2744										</details></li><li><details id="Details-menu-drawer-menu-item-3">
2745										<summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
2746											<a href="/pages/our-estates">
2747												Estates
2748											</a>
2749											<svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
2750  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2751</svg>
2752
2753											<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret 
2753card_color" viewBox="0 0 10 6">
2754  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
2755</svg>
2756
2757										</summary>
2758										<div id="link-Estates" class="menu-drawer__submenu has-submenu gradient motion-reduce" tabindex="-1">
2759											<div class="menu-drawer__inner-submenu">
2760											<button class="menu-drawer__close-button link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase" aria-expanded="true">
2761												<svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
2762  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2763</svg>
2764
2765												Estates
2766											</button>
2767											<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a href="/pages/our-estates" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
2768														All Estates
2769													</a></li><li><a href="/pages/poggio-casciano" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
2770														Poggio Casciano
2771													</a></li><li><a href="/pages/montemasso" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
2772														Montemasso
2773													</a></li><li><a href="/pages/santedame" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
2774														Santedame
2775													</a></li><li><a href="/pages/gretole" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
2776														Gretole
2777													</a></li><li><a href="/pages/greppone-mazzi" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
2778														Greppone Mazzi
2779													</a></li><li><a href="/pages/la-garzaia" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
2780														La Garzaia
2781													</a></li><li><a href="/pages/la-solatia" class="menu-drawer__menu-item link link--text list-menu__item focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-white tw-text-center !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
2782														La Solatìa 
2783													</a></li></ul>
2784											</div>
2785										</div>
2786										</details></li><li> 
2787										<a href="https://wineclub.ruffino.it/en/shop/" class="  shop-link  menu-drawer__menu-item list-menu__item link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
2788										Shop
2789										</a></li><li> 
2790										<a href="/pages/sustainability" class="  menu-drawer__menu-item list-menu__item link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
2791										Commitment
2792										</a></li><li> 
2793										<a href="/pages/orobyruffino" class="  menu-drawer__menu-item list-menu__item link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
2794										OROBYRUFFINO
2795										</a></li><li> 
2796										<a href="/pages/where-to-buy" class="  menu-drawer__menu-item list-menu__item link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
2797										Where to buy
2798										</a></li><li> 
2799										<a href="https://ruffinosparkling.it/" class="  menu-drawer__menu-item list-menu__item link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-center tw-text-white !tw-text-[18px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
2800										Ruffino Sparkling
2801										</a></li>
2802						</ul>
2803					  </nav>
2804	  
2805					  <div class="menu-drawer__navigation submenu__navigation !tw-py-[20px] tw-border-y-2 tw-border-y-white tw-border-y-solid ">
2806						<ul class="menu-drawer__menu has-submenu tw-p-0 tw-m-0 tw-list-none" role="list">
2807							
2808			
2809
2810							<li class="about-us"> 
2811								<a href="/pages/about-us" class="  menu-drawer__menu-item list-menu__item link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-center tw-text-white !tw-text-[14px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
2812								  About Us
2813								</a></li>
2814							<li class="contact"> 
2815								<a href="/pages/contact" class="  menu-drawer__menu-item list-menu__item link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-center tw-text-white !tw-text-[14px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
2816								  Contact Us
2817								</a></li>
2818							<li class="news-listing"> 
2819								<a href="/pages/news-listing" class="  menu-drawer__menu-item list-menu__item link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-center tw-text-white !tw-text-[14px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
2820								  News
2821								</a></li>
2822							<li class="ruffinosparkling.it"> 
2823								<a href="https://ruffinosparkling.it/" class="  menu-drawer__menu-item list-menu__item link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-center tw-text-white !tw-text-[14px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
2824								  Ruffino Sparkling 
2825								</a></li>
2826							<li class="code-of-ethics"> 
2827								<a href="/pages/code-of-ethics" class="  menu-drawer__menu-item list-menu__item link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-center tw-text-white !tw-text-[14px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
2828								  Code of Ethics
2829								</a></li>
2830							<li class="work-with-us"> 
2831								<a href="/pages/work-with-us" class="  menu-drawer__menu-item list-menu__item link link--text focus-inset !tw-font-neutraface-display-bold tw-justify-center tw-text-center tw-text-white !tw-text-[14px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase">
2832								  WORK WITH US
2833								</a></li>
2834						</ul>
2835					  </div>
2836	  
2837					
2838					</div>
2839				  </div>
2840				</div>
2841			  </details>
2842			</header-drawer>
2843		
2844
2845<nav class="tw-hidden min990:tw-ml-0 min990:tw-block ">
2846				<ul class=" section-fixed-header--color tw-inline-flex tw-flex-wrap tw-p-0 tw-m-0 tw-list-none" role="list">
2847					
2848<li><header-menu>
2849								<details id="Details-HeaderMenu-1" class="">
2850									<summary class="header__menu-item list-menu__item link focus-inset">
2851									<span class="  tw-flex tw-items-center tw-no-underline tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-bg-transparent tw-text-2xl link--text focus-inset ">
2852										<span class="tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase">Experiences</span>
2853									</span>
2854									<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret card_color" viewBox="0 0 10 6">
2855  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
2856</svg>
2857
2858									</summary>
2859									
2860									<ul id="HeaderMenu-MenuList-1" class="wdwdqwd header__submenu tw-p-0 tw-m-0 tw-list-none list-menu--disclosure gradient caption-large motion-reduce global-settings-popup" role="list" tabindex="-1"><li><a href="/pages/ruffino-experience" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-white tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none focus-visible:tw-underline tw-bg-transparent tw-text-sm link--text focus-inset  ">
2861											All Experiences
2862											</a></li><li><a href="/pages/cantina-ruffino" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-white tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none focus-visible:tw-underline tw-bg-transparent tw-text-sm link--text focus-inset  ">
2863											Tour and Tasting
2864											</a></li><li><a href="/pages/enoteca-ruffino" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-white tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none focus-visible:tw-underline tw-bg-transparent tw-text-sm link--text focus-inset  ">
2865											Enoteca Ruffino
2866											</a></li><li><a href="/pages/tre-rane" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-white tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none focus-visible:tw-underline tw-bg-transparent tw-text-sm link--text focus-inset  ">
2867											Tre Rane Restaurant 
2868											</a></li><li><a href="https://www.ruffino.it/pages/winerelais-ruffino" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-white tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none focus-visible:tw-underline tw-bg-transparent tw-text-sm link--text focus-inset  ">
2869											Wine Relais Ruffino 
2870											</a></li><li><a href="/pages/limonaia-exclusive-experiences" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-white tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none focus-visible:tw-underline tw-bg-transparent tw-text-sm link--text focus-inset  ">
2871											Limonaia - Exclusive experiences
2872											</a></li></ul>
2873								
2874								</details>
2875								</header-menu></li><li><header-menu>
2876								<details id="Details-HeaderMenu-2" class="wines-menu-fixed">
2877									<summary class="header__menu-item list-menu__item link focus-inset">
2878									<span class="  tw-flex tw-items-center tw-no-underline tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-bg-transparent tw-text-2xl link--text focus-inset ">
2879										<span class="tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase">Wines</span>
2880									</span>
2881									<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret 
2881card_color" viewBox="0 0 10 6">
2882  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
2883</svg>
2884
2885									</summary>
2886									
2887										<div id="HeaderMenu-MenuList-2" class="wines-megamenu-fixed header__submenu tw-p-0 tw-m-0 tw-list-none list-menu--disclosure gradient caption-large motion-reduce global-settings-popup" role="list" tabindex="-1"><div class="megamenu-item"><a href="/collections/our-wines" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-bg-transparent tw-text-sm focus-inset ">
2888													  All Wines
2889													</a>
2890												  
2891											<ul></ul>
2892												</div><div class="megamenu-item">
2893												<span class="megamenu-heading tw-font-neutraface-display-bold tw-uppercase  tw-text-white  tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal">Appellation</span>
2894												  
2895											<ul><li>
2896														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Chianti+Classico+Gran+Selezione+DOCG" class="grandchild_items gchild_Chianti_Classico_Gran_Selezione_DOCG tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
2897														  Chianti Classico Gran Selezione DOCG
2898														</a>
2899													  </li><li>
2900														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Chianti+Classico+Riserva+DOCG" class="grandchild_items gchild_Chianti_Classico_Riserva_DOCG tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
2901														  Chianti Classico Riserva DOCG
2902														</a>
2903													  </li><li>
2904														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Chianti+Classico+DOCG" class="grandchild_items gchild_Chianti_Classico_DOCG tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
2905														  Chianti Classico DOCG
2906														</a>
2907													  </li><li>
2908														<a href="http://ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Toscana+IGT" class="grandchild_items gchild_Toscana_IGT tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
2909														  Toscana IGT
2910														</a>
2911													  </li><li>
2912														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Brunello+di+Montalcino+DOCG" class="grandchild_items gchild_Brunello_di_Montalcino_DOCG tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
2913														  Brunello di Montalcino DOCG
2914														</a>
2915													  </li><li>
2916														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Bolgheri+Superiore+DOC" class="grandchild_items gchild_Bolgheri_Superiore_DOC tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
2917														  Bolgheri Superiore DOC
2918														</a>
2919													  </li><li>
2920														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Chianti+Superiore+DOCG" class="grandchild_items gchild_Chianti_Superiore_DOCG tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
2921														  Chianti Superiore DOCG
2922														</a>
2923													  </li><li>
2924														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Chianti+DOCG" class="grandchild_items gchild_Chianti_DOCG tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
2925														  Chianti DOCG
2926														</a>
2927													  </li><li>
2928														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Orvieto+Classico+DOC" class="grandchild_items gchild_Orvieto_Classico_DOC tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
2929														  Orvieto Classico DOC
2930														</a>
2931													  </li><li>
2932														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Brunello+di+Montalcino+Riserva+DOCG" class="grandchild_items gchild_Brunello_di_Montalcino_Riserva_DOCG tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
2933														  Brunello di Montalcino Riserva DOCG
2934														</a>
2935													  </li><li>
2936														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Friuli+DOC" class="grandchild_items gchild_Friuli_DOC tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
2937														  Friuli DOC
2938														</a>
2939													  </li><li>
2940														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Veneto+DOC" class="grandchild_items gchild_Veneto_DOC tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
2941														  Veneto DOC
2942														</a>
2943													  </li><li>
2944														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Bolgheri+DOC" class="grandchild_items gchild_Bolgheri_DOCG tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
2945														  Bolgheri DOCG
2946														</a>
2947													  </li><li>
2948														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Rosso+di+Montepulciano+DOC" class="grandchild_items gchild_Rosso_di_Montepulciano_DOC tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
2949														  Rosso di Montepulciano DOC
2950														</a>
2951													  </li><li>
2952														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Morellino+di+Scansano+DOCG" class="grandchild_items gchild_Morellino_di_Scansano_DOCG tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
2953														  Morellino di Scansano DOCG
2954														</a>
2955													  </li><li>
2956														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Chianti+Classico+DOP" class="grandchild_items gchild_Chianti_Classico_DOP tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
2957														  Chianti Classico DOP
2958														</a>
2959													  </li><li>
2960														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.appellation=Vino+Nobile+di+Montepulciano+DOCG" class="grandchild_items gchild_Vino_Nobile_di_Montepulciano_DOCG tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
2961														  Vino Nobile di Montepulciano DOCG
2962														</a>
2963													  </li></ul>
2964												</div><div class="megamenu-item">
2965												<span class="megamenu-heading tw-font-neutraface-display-bold tw-uppercase  tw-text-white  tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal">Estate</span>
2966												  
2967											<ul><li>
2968														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.estates=Poggio+Casciano" class="grandchild_items gchild_Poggio_Casciano tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
2969														  Poggio Casciano
2970														</a>
2971													  </li><li>
2972														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.estates=Montemasso" class="grandchild_items gchild_Montemasso tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
2973														  Montemasso
2974														</a>
2975													  </li><li>
2976														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.estates=Santedame" class="grandchild_items gchild_Santedame tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
2977														  Santedame
2978														</a>
2979													  </li><li>
2980														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.estates=Gretole" class="grandchild_items gchild_Gretole_ tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
2981														  Gretole 
2982														</a>
2983													  </li><li>
2984														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.estates=Greppone+Mazzi" class="grandchild_items gchild_Greppone_Mazzi tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
2985														  Greppone Mazzi
2986														</a>
2987													  </li><li>
2988														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.estates=La+Garzaia" class="grandchild_items gchild_La_Garzaia tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
2989														  La Garzaia
2990														</a>
2991													  </li><li>
2992														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.estates=La+Solat%C3%ACa" class="grandchild_items gchild_La_Solatìa tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
2993														  La Solatìa
2994														</a>
2995													  </li></ul>
2996												</div><div class="megamenu-item">
2997												<span class="megamenu-heading tw-font-neutraface-display-bold tw-uppercase  tw-text-white  tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal">Territory</span>
2998												  
2999											<ul><li>
3000														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Chianti+Classico" class="grandchild_items gchild_Chianti_Classico tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
3001														  Chianti Classico
3002														</a>
3003													  </li><li>
3004														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Chianti" class="grandchild_items gchild_Chianti_ tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
3005														  Chianti 
3006														</a>
3007													  </li><li>
3008														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Montalcino" class="grandchild_items gchild_Montalcino tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
3009														  Montalcino
3010														</a>
3011													  </li><li>
3012														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Bolgheri" class="grandchild_items gchild_Bolgheri tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
3013														  Bolgheri
3014														</a>
3015													  </li><li>
3016														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Tuscan+Maremma" class="grandchild_items gchild_Tuscan_Maremma tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
3017														  Tuscan Maremma
3018														</a>
3019													  </li><li>
3020														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Tuscany" class="grandchild_items gchild_Tuscany tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-w
3020hite  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
3021														  Tuscany
3022														</a>
3023													  </li><li>
3024														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Orvieto" class="grandchild_items gchild_Orvieto tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
3025														  Orvieto
3026														</a>
3027													  </li><li>
3028														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Veneto" class="grandchild_items gchild_Veneto tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
3029														  Veneto
3030														</a>
3031													  </li><li>
3032														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Friuli+Venezia+Giulia" class="grandchild_items gchild_Friuli_Venezia_Giulia tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
3033														  Friuli Venezia Giulia
3034														</a>
3035													  </li><li>
3036														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.territory=Montepulciano" class="grandchild_items gchild_Montepulciano tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
3037														  Montepulciano
3038														</a>
3039													  </li></ul>
3040												</div><div class="megamenu-item">
3041												<span class="megamenu-heading tw-font-neutraface-display-bold tw-uppercase  tw-text-white  tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal">Category</span>
3042												  
3043											<ul><li>
3044														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.category=Reds" class="grandchild_items gchild_Reds tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
3045														  Reds
3046														</a>
3047													  </li><li>
3048														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.category=Whites" class="grandchild_items gchild_Whites tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
3049														  Whites
3050														</a>
3051													  </li><li>
3052														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.category=Ros%C3%A9" class="grandchild_items gchild_Rosé tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
3053														  Rosé
3054														</a>
3055													  </li><li>
3056														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.category=Spirits+and+dessert+wines" class="grandchild_items gchild_Spirits_and_Dessert_Wines tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
3057														  Spirits and Dessert Wines
3058														</a>
3059													  </li><li>
3060														<a href="https://www.ruffino.it/collections/our-wines?filter.p.m.custom.category=Olive+oils" class="grandchild_items gchild_Olive_Oils tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold index  tw-text-white  dfsdf tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent ">
3061														  Olive Oils
3062														</a>
3063													  </li></ul>
3064												</div></div>
3065									  
3066								</details>
3067								</header-menu></li><li><header-menu>
3068								<details id="Details-HeaderMenu-3" class="">
3069									<summary class="header__menu-item list-menu__item link focus-inset">
3070									<span class="  tw-flex tw-items-center tw-no-underline tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-bg-transparent tw-text-2xl link--text focus-inset ">
3071										<span class="tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase">Estates</span>
3072									</span>
3073									<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret 
3073card_color" viewBox="0 0 10 6">
3074  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
3075</svg>
3076
3077									</summary>
3078									
3079									<ul id="HeaderMenu-MenuList-3" class="wdwdqwd header__submenu tw-p-0 tw-m-0 tw-list-none list-menu--disclosure gradient caption-large motion-reduce global-settings-popup" role="list" tabindex="-1"><li><a href="/pages/our-estates" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-white tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none focus-visible:tw-underline tw-bg-transparent tw-text-sm link--text focus-inset  ">
3080											All Estates
3081											</a></li><li><a href="/pages/poggio-casciano" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-white tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none focus-visible:tw-underline tw-bg-transparent tw-text-sm link--text focus-inset  ">
3082											Poggio Casciano
3083											</a></li><li><a href="/pages/montemasso" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-white tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none focus-visible:tw-underline tw-bg-transparent tw-text-sm link--text focus-inset  ">
3084											Montemasso
3085											</a></li><li><a href="/pages/santedame" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-white tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none focus-visible:tw-underline tw-bg-transparent tw-text-sm link--text focus-inset  ">
3086											Santedame
3087											</a></li><li><a href="/pages/gretole" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-white tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none focus-visible:tw-underline tw-bg-transparent tw-text-sm link--text focus-inset  ">
3088											Gretole
3089											</a></li><li><a href="/pages/greppone-mazzi" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-white tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none focus-visible:tw-underline tw-bg-transparent tw-text-sm link--text focus-inset  ">
3090											Greppone Mazzi
3091											</a></li><li><a href="/pages/la-garzaia" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-white tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none focus-visible:tw-underline tw-bg-transparent tw-text-sm link--text focus-inset  ">
3092											La Garzaia
3093											</a></li><li><a href="/pages/la-solatia" class="subchild-menu tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-white tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none focus-visible:tw-underline tw-bg-transparent tw-text-sm link--text focus-inset  ">
3094											La Solatìa 
3095											</a></li></ul>
3096								
3097								</details>
3098								</header-menu></li><li> 
3099								<a href="https://wineclub.ruffino.it/en/shop/" class="  shop-link   tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-bg-transparent link--text focus-inset ">
3100								<span class="tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase  hover:tw-border-b-2 hover:tw-border-solid hover:tw-border-black ">Shop</span>
3101								</a></li><li> 
3102								<a href="/pages/sustainability" class="   tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-bg-transparent link--text focus-inset ">
3103								<span class="tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase  hover:tw-border-b-2 hover:tw-border-solid hover:tw-border-black ">Commitment</span>
3104								</a></li><li> 
3105								<a href="/pages/orobyruffino" class="   tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-bg-transparent link--text focus-inset ">
3106								<span class="tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase  hover:tw-border-b-2 hover:tw-border-solid hover:tw-border-black ">OROBYRUFFINO</span>
3107								</a></li><li> 
3108								<a href="/pages/where-to-buy" class="where-to-buy-link    tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-bg-transparent link--text focus-inset ">
3109								<span class="tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase  hover:tw-border-b-2 hover:tw-border-solid hover:tw-border-black ">Where to buy</span>
3110								</a></li><li> 
3111								<a href="https://ruffinosparkling.it/" class="   tw-flex tw-items-center tw-p-5 tw-no-underline tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase tw-cursor-pointer tw-inline-block tw-shadow-none tw-bg-transparent link--text focus-inset ">
3112								<span class="tw-font-neutraface-display-bold tw-text-black tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase  hover:tw-border-b-2 hover:tw-border-solid hover:tw-border-black ">Ruffino Sparkling</span>
3113								</a></li>
3114					
3115				  <li>
3116					
3117					<div class="desktop-language-toggle tw-absolute tw-p-0 tw-right-0 min1536:tw-right-[4%] min1600:tw-right-[4%]  min1680:tw-right-[5%] min1920:tw-right-[11%] min2560:tw-right-[20%]"><noscript><form method="post" action="/localization" id="FooterLanguageFormNoScript" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="localization-form__select" data-ot-ignore>
3118							<h2 class="visually-hidden" id="FooterLanguageLabelNoScript">Language</h2>
3119							<select class="localization-selector link" name="locale_code" aria-labelledby="FooterLanguageLabelNoScript"><option value="en" lang="en" selected>
3120								  English
3121								</option><option value="it" lang="it">
3122								  Italiano
3123								</option><option value="de" lang="de">
3124								  Deutsch
3125								</option></select>
3126							<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret 
3126card_color" viewBox="0 0 10 6">
3127  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
3128</svg>
3129
3130						  </div>
3131						  <button class="button button--tertiary">Update language</button></form></noscript>
3132	  
3133					  <localization-form><form method="post" action="/localization" id="FooterLanguageForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="no-js-hidden">
3134							
3135							<div class="disclosure">
3136							  <button type="button" class="disclosure__button localization-form__select localization-selector link caption-large !tw-font-neutraface-display-bold  !tw-text-black  !tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase hover:!tw-underline" aria-expanded="false" aria-controls="FooterLanguageList" aria-describedby="FooterLanguageLabel" aria-label="language switcher">
3137								En
3138								<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret card_color" viewBox="0 0 10 6">
3139  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
3140</svg>
3141
3142							  </button>
3143							  <div class="disclosure__list-wrapper tw-bg-black" hidden>
3144								<ul id="FooterLanguageList" role="list" class="disclosure__list list-unstyled">
3145									  <li class="disclosure__item" tabindex="-1">
3146										<a class="link link--text disclosure__link caption-large focus-inset !tw-font-neutraface-display-bold !tw-text-white !tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase" href="#" hreflang="it" lang="it" data-value="it">
3147										  It
3148										</a>
3149									  </li>
3150									  <li class="disclosure__item" tabindex="-1">
3151										<a class="link link--text disclosure__link caption-large focus-inset !tw-font-neutraface-display-bold !tw-text-white !tw-text-[15px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase" href="#" hreflang="de" lang="de" data-value="de">
3152										  De
3153										</a>
3154									  </li></ul>
3155							  </div>
3156							</div>
3157							<input type="hidden" name="locale_code" value="en">
3158						  </div></form></localization-form></div>
3159				  </li>
3160				</ul>
3161			  </nav><div class="tw-flex tw-justify-self-end tw-hidden">
3162			<details-modal class="min990:tw-inline-flex tw-leading-normal">
3163			  <details>
3164				<summary class="tw-h-16 tw-w-16 tw-text-black tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent tw-text-2xl" aria-haspopup="dialog" aria-label="Search">
3165				  <span class="tw-h-full tw-flex tw-items-center tw-justify-center">
3166					<svg class="tw-h-4 tw-w-4 tw-align-middle tw-fill-transparent" aria-hidden="true" focusable="false" role="presentation">
3167					  <use href="#icon-search">
3168					</svg>
3169					<svg class="tw-h-4 tw-w-4 tw-align-middle tw-fill-transparent tw-hidden" aria-hidden="true" focusable="false" role="presentation">
3170					  <use href="#icon-close">
3171					</svg>
3172				  </span>
3173				</summary>
3174				<div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="Search">
3175				  <div class="modal-overlay"></div>
3176				  <div class="search-modal__content search-modal__content-bottom" tabindex="-1"><form action="/search" method="get" role="search" class="search search-modal__form">
3177						<div class="field">
3178						  <input class="search__input field__input"
3179							id="Search-In-Modal"
3180							type="search"
3181							name="q"
3182							value=""
3183							placeholder="Search">
3184						  <label class="field__label" for="Search-In-Modal">Search</label>
3185						  <input type="hidden" name="options[prefix]" value="last">
3186						  <button class="search__button field__button" aria-label="Search">
3187							<svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation">
3188							  <use href="#icon-search">
3189							</svg>
3190						  </button>
3191						</div></form><button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset" aria-label="Close">
3192					  <svg class="icon icon-close" aria-hidden="true" focusable="false" role="presentation">
3193						<use href="#icon-close">
3194					  </svg>
3195					</button>
3196				  </div>
3197				</div>
3198			  </details>
3199			</details-modal><a href="https://www.ruffino.it/customer_authentication/redirect?locale=en&region_country=US" class="header__icon header__icon--account link focus-inset small-hide">
3200				<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-account" fill="none" viewBox="0 0 18 19">
3201  <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor">
3202</svg>
3203
3204				<span class="visually-hidden">Log in</span>
3205			  </a><a href="/cart" class="tw-flex tw-items-center tw-justify-center tw-relative -tw-mr-5 tw-h-16 tw-w-8 tw-text-black tw-cursor-pointer tw-inline-block tw-shadow-none tw-underline tw-bg-transparent tw-text-2xl" id="cart-icon-bubble"><svg class="icon icon-cart-empty" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none">
3206  <path d="m15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33l-.78-11.61zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1 -9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z" fill="currentColor" fill-rule="evenodd"/>
3207</svg>
3208<span class="visually-hidden">Cart</span></a>
3209		  </div>
3210	</div>
3211	<!-- /.shell -->
3212</header>
3213<style>
3214	
3215	.header-fixed .icon{
3216		color: #000;
3217	}
3218	.nav-head.header-fixed.active {
3219		border: none;
3220	}
3221
3222	.header-fixed .focus-inset:focus-visible {
3223		outline-color: #000;
3224	}
3225
3226	.disclosure__button.localization-form__select.localization-selector:focus-visible {
3227	 	border: 2px solid #000;
3228	}
3229	.header-fixed .disclosure:has(:focus-visible) {
3230		outline: 0.2rem solid rgba(var(--color-foreground),.5);
3231		outline-offset: 0.3rem;
3232		box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),0 0 0.5rem 0.4rem rgba(var(--color-foreground),.3);
3233		outline-color: #000;
3234	}
3235
3236	.header-fixed .disclosure button:focus:not(:focus-visible) {
3237		outline: 0;
3238	}
3239
3240	.header-fixed .menu-drawer{
3241		transition: transform var(--duration-default) ease,visibility var(--duration-default) ease !important;
3242	}.banner img.hideLogo{
3243			display:none;
3244		}/* For Devices */
3245	@media screen and (max-width: 990px){
3246		.header-fixed #Details-menu-drawer-container-fixed .menu-drawer{
3247			transform: translateX(-100%);
3248			visibility: visible;
3249		}
3250		.header-fixed .desktop-language-toggle {
3251			display: none;
3252		}
3253
3254		
3255	}
3256
3257	.header-fixed #Details-menu-drawer-container-fixed.open .menu-drawer{
3258		transform: translateX(0);
3259	}
3260
3261	#shopify-section-fixed-header .nav-head nav a::after,sticky-header .nav-head nav a::after{
3262		background: #000;
3263	}
3264	sticky-header .megamenu-item:first-child{
3265		border-bottom:1px solid black;
3266		}
3267	sticky-header.tw-bg-transparent .focus-inset:focus-visible {
3268		outline: none;
3269		box-shadow: none;
3270	}
3271	sticky-header.tw-bg-transparent .header__menu-item:focus-visible .dropdown-anchor > span,sticky-header.tw-bg-transparent .subchild-menu:focus-visible{
3272		text-decoration: underline;
3273		outline: 4px solid #fbf6e6 !important;
3274		border: 2px solid #000;
3275		outline-offset: unset;
3276	
3277	}
3278	.header-fixed details[open] > .header__submenu{
3279	 background: #fff;
3280	}
3281	.header-fixed details[open] > .header__submenu a,.header-fixed span.megamenu-heading{
3282	color:black;
3283	}
3284	.orobyruffinomenu.nav-head nav a {
3285    	text-transform: capitalize;
3286	}
3287	#FooterLanguageList li a{
3288		text-transform: uppercase;
3289	} 
3290	@media screen and (min-width: 750px) {
3291		.header-fixed .nav-head nav a:hover::after{
3292			width: 100%;
3293		}
3294	}
3295	@media(min-width:1141px) and (max-width:1440px){	
3296		.nav-head.header-fixed .fixed-header-400 .header__menu-item,.megamenu-item a{
3297			padding:1.2rem 1.2rem;
3298		}
3299		.nav-head .fixed-header-400 a:not(.disclosure__link,.subchild-menu),
3300		.nav-head .default-header a:not(.disclosure__link,.subchild-menu){
3301			padding:1.2rem 0.5rem;
3302		}
3303		.orobyruffinomenu .fixed-header-400 a:not(.disclosure__link,.subchild-menu){
3304			padding:0.8rem 0.5rem;
3305		}
3306	}
3307	
3308	@media(min-width:990px) and (max-width:1140px){
3309		.nav-head.header-fixed .fixed-header-400{
3310			padding-right: -1px;
3311			padding-left: 20px;
3312		}
3313		.nav-head.header-fixed .fixed-header-400 .header__menu-item,.megamenu-item a{
3314			padding:1.2rem 1.2rem;
3315		}
3316		.nav-head .fixed-header-400 a,#FooterLanguageList a:not(.disclosure__link){
3317			padding:1.2rem 0.5rem;
3318		}
3319		padding:1.2rem 0.5rem;
3320		}
3321	}
3322	@media (min-width: 320px) and (max-width: 350px) and (max-height: 300px) {
3323		.nav-head.header-fixed .fixed-header-400 {
3324			padding-right: 0;
3325			padding-left: 0;
3326		}
3327	}
3328	  @media (min-width: 600px) and (max-width: 700px) and (max-height: 320px) {
3329		.nav-head.header-fixed .fixed-header-400 {
3330			padding-right: 0;
3331			padding-left: 0;
3332		}
3333	  }
3334
3335	.fixed-header-400 .header__submenu li a {
3336		color: #000;
3337	}
3338	.tw-bg-white summary .icon-caret {
3339		color: #000;
3340	}
3341	@media(max-width: 767px) {
3342		.sustainability-logo img {
3343			width: 120px;
3344		}
3345	}
3346</style>
3347<script>
3348	$(window).scroll(function() {    
3349		let hasCalculated = false;$(window).on('scroll', function () {
3350        if (!hasCalculated) {
3351            setTimeout(function () {
3352                var leftPosition = $('.wines-menu-fixed').offset().left - 10 ;
3353                $('.wines-megamenu-fixed').css('left', -leftPosition + 'px');
3354                hasCalculated = true;
3355            }, 500);
3356        }
3357    });
3358	$(window).resize(function() {
3359		if ($(window).width() > 989) {
3360			// Your code here for when the window width is greater than 990px
3361			if (!hasCalculated) {
3362				setTimeout(function () {
3363					var leftPosition = $('.wines-menu-fixed').offset().left - 10 ;
3364					$('.wines-megamenu-fixed').css('left', -leftPosition + 'px');
3365					hasCalculated = true;
3366				}, 500);
3367			}
3368		}
3369	});var scroll = $(window).scrollTop();
3370	
3371		if (scroll >= 100) {$(".header-fixed").show();$(".header-fixed").addClass("active");
3372			$(".banner img").addClass("hideLogo");
3373
3374			$(".default-header").find('a').attr("tabindex", "-1");
3375		} else {
3376			$(".default-header").find('a:not(.dropdown-anchor)').attr("tabindex", "0");$(".header-fixed").hide();
3377				$(".default-header").find('a:not(.dropdown-anchor)').attr("tabindex", "0");$(".header-fixed").removeClass("active");
3378			$(".banner img").removeClass("hideLogo");
3379			if($('#Details-menu-drawer-container-fixed').hasClass('open')){
3380				$('#Details-menu-drawer-container-fixed').removeClass('open');
3381				setTimeout(function(){
3382					$('#Details-menu-drawer-container-fixed').removeAttr('open');
3383				}, 100);
3384			}
3385		}
3386		if($('.header-fixed').hasClass('active')){
3387			$(".default-header").find('a').attr("tabindex", "-1");
3388			$(".default-header-logo").attr("tabindex", "-1");
3389			$(".default-download-url").attr("tabindex", "-1");
3390		} else {
3391			$(".default-header").find('a:not(.dropdown-anchor)').attr("tabindex", "0");
3392			$(".default-header-logo").attr("tabindex", "0");
3393			$(".default-download-url").attr("tabindex", "0");
3394		}
3395	});
3396
3397	$(document).on('click','#Details-menu-drawer-container-fixed>summary', function(e) { 
3398		if($('#Details-menu-drawer-container-fixed').hasClass('open')){
3399			$('#Details-menu-drawer-container-fixed').removeClass('open');
3400			setTimeout(function(){
3401				$('#Details-menu-drawer-container-fixed').removeAttr('open');
3402			}, 100);
3403		}else{
3404			$('#Details-menu-drawer-container-fixed').addClass('open');
3405		}
3406		
3407	});
3408	 if(window.innerWidth > 989){
3409		$('[id^="Details-"] summary').mouseenter(function() {
3410			console.log("menu open");
3411			$('[id^="Details-"]').removeAttr('open', 'true');
3412		   $(this).parent('details').attr('open', 'true');
3413			}).mouseleave(function() {
3414				console.log("menu close");
3415				// This event fires when the mouse leaves the element and all its children
3416			   $(this).parent('details').removeAttr('open' );
3417		});
3418	
3419		$('[id^="Details-"] .header__submenu').mouseenter(function() {
3420			console.log("submenu open");
3421			$(this).closest('details').attr('open', 'true');
3422		}).mouseleave(function() {
3423			console.log("submenu close");
3424			$(this).closest('details').removeAttr('open', 'true');
3425		});
3426	} 
3427	
3428	
3429
3430	$(document).on('keydown', '.disclosure__button.localization-form__select.localization-selector', function(e) {
3431		if (e.shiftKey && e.keyCode === 9) {
3432			$('.nav-menu').removeClass('sticky-nav');
3433			$('.nav-menu').addClass('nav-light');
3434		}
3435	});
3436
3437
3438	
3439</script>
3439
3440
3441<style>
3442	details[open] > .header__submenu{
3443		background:rgba(0,0,0,0.5);
3444	}
3445	details[open] > .header__submenu a{
3446		color: #fff;
3447	}
3448	#shopify-section-fixed-header .nav-head nav a::after {
3449		background: #000 !important;
3450	}
3451	sticky-header .megamenu-item:first-child{
3452		border-bottom:1px solid white;
3453		}
3454</style>
3455
3456
3457
3458
3459
3460
3461</div>
3462
3463    <main id="MainContent" class="content-for-layout focus-none tw-relative tw-z-0" role="main" tabindex="-1">
3464      <section id="shopify-section-template--16132051599535__d94e86a3-26e3-46f1-a698-3944506f6565" class="shopify-section section"><link href="//www.ruffino.it/cdn/shop/t/2/assets/section-image-banner.css?v=111603181540343972631699375256" rel="stylesheet" type="text/css" media="all" />
3465
3466<style data-shopify>
3467  #Banner-template--16132051599535__d94e86a3-26e3-46f1-a698-3944506f6565.banner {
3468    height: auto;
3469  }
3470  .banner__content {
3471    bottom: 5%;
3472  }
3473  .section-template--16132051599535__d94e86a3-26e3-46f1-a698-3944506f6565--banner-button {
3474    color: rgba(0,0,0,0);
3475    border-color: #ffffff;
3476    background-color: #ffffff;
3477  }
3478  .section-template--16132051599535__d94e86a3-26e3-46f1-a698-3944506f6565 .banner__box>h2,.section-template--16132051599535__d94e86a3-26e3-46f1-a698-3944506f6565 .banner__box h1 {
3479    color: #ffffff;
3480    
3481  }
3482  .banner__box .banner__text {
3483    color: #ffffff;
3484  }
3485  .desktop_overlay::after {
3486    background-color: #ffffff;
3487    opacity: 0.5;
3488  }
3489  .playPauseBtn {
3490    position: absolute;
3491    width: 33px;
3492    height: 33px;
3493    right: 1%;
3494    bottom: 1%;
3495    z-index: 9999;
3496  }
3497  .playPauseBtn img {
3498    height: 30px;
3499    width: 30px;
3500  }
3501  a#playBtn:focus-visible,
3502  a#pauseBtn:focus-visible {
3503    outline: 2px solid #fbf6e6;
3504    border: 2px solid #000;
3505    outline-offset: unset;
3506  }
3507  .banner__heading {
3508    text-shadow: 1px 1px 1px black;
3509  }
3510
3511
3512  @media screen and (min-width: 951px) and (max-width: 1023px) {
3513    .news-banner .banner__content h1,
3514    .estates-banner .banner__content h1,
3515    .experience .banner__content h1,
3516    .santedame .banner__content h1 {
3517      line-height: 81vh !important;
3518    }
3519
3520    .sustainability-banner-1 .banner__content h1 {
3521      line-height: 97vh !important;
3522    }
3523  }
3524
3525  @media screen and (min-width: 1199px) {
3526    .news-banner .banner__content h1,
3527    .estates-banner .banner__content h1,
3528    .experience .banner__content h1,
3529    .santedame .banner__content h1 {
3530      line-height: 81vh !important;
3531    }
3532    .sustainability-banner-1.banner {
3533      height: 100vh !important;
3534    }
3535    .sustainability-banner-1 .banner__content h1 {
3536      line-height: 95vh !important;
3537    }
3538    .new-sustainability-banner-1 .banner__content h1:lang(de) {
3539      line-height: 125px !important;
3540      font-size: 115px !important;
3541    }
3542  }
3543  @media (min-width: 769px) {
3544    .news-banner .banner__content,
3545    .estates-banner .banner__content,
3546    .experience .banner__content,
3547    .santedame .banner__content,
3548    .sustainability-banner-1 .banner__content {
3549      bottom: auto !important;
3550      padding: 0 !important;
3551
3552    }
3553    .news-banner .banner__content h1,
3554    .estates-banner .banner__content h1,
3555    .experience .banner__content h1,
3556    .santedame .banner__content h1 {
3557      line-height: 98vh;
3558    }
3559
3560    .sustainability-banner-1 .banner__content h1 {
3561      line-height: 99vh;
3562    }
3563  }
3564
3565
3566  /* @media screen and (device-width: 1366px) and (device-height: 1024px) {
3567    .santedame .banner__content h1 {
3568      line-height: 64vh !important;
3569    }
3570  } */
3571
3572  @media (max-width: 766px) {
3573    .news-banner .banner__content,
3574    .estates-banner .banner__content,
3575    .experience .banner__content,
3576    .santedame .banner__content {
3577      padding: 0 !important;
3578    }
3579    .news-banner .banner__content h1,
3580    .estates-banner .banner__content h1,
3581    .santedame .banner__content h1 {
3582      line-height: 7vh;
3583    }
3584    .experience .banner__content h1 {
3585      line-height: 8vh;
3586    }
3587  }
3588
3589  @media screen and (min-width: 750px) and (max-width: 767px) {
3590    .sustainability-banner-1 .banner__content {
3591      top: 37% !important;
3592    }
3593  }
3594  @media screen and (min-width: 1920px) {
3595    .sustainability-banner-1 .banner__content h1 {
3596      line-height: 96vh !important;
3597    }
3598    .news-banner .banner__content h1,
3599    .estates-banner .banner__content h1,
3600    .experience .banner__content h1,
3601    .santedame .banner__content h1 {
3602      line-height: 82vh
3603    }
3604  }
3605
3606  @media screen and (min-width: 1920px) {
3607    .new-sustainability-banner-1 .banner__content {
3608      bottom: 0 !important;
3609    }
3610  }
3611
3612  @media screen and (min-width: 1024px) and (max-width: 1199px) {
3613    #shopify-section-template--16132051599535__d94e86a3-26e3-46f1-a698-3944506f6565 .banner {
3614      height: 50vh;
3615    }
3616    .new-sustainability-banner-1 .banner__content h1:lang(de) {
3617      line-height: 80px !important;
3618      font-size: 80px !important;
3619    }
3620  }
3621
3622  @media screen and (max-width: 767px) {
3623    #Banner-template--16132051599535__d94e86a3-26e3-46f1-a698-3944506f6565.banner {
3624      height: auto
3625    }
3626    .banner__content {
3627      bottom: 0;
3628      top: 75%;
3629    }
3630    .sustainability-banner-1 .banner__content {
3631      top: 60%;
3632    }
3633    .new-sustainability-banner-1 .banner__content {
3634      top: 25%;
3635    }
3636    .wines-banner .banner__content {
3637      top: 90%;
3638    }
3639    .santedame .banner__content {
3640      top: 80%;
3641    }
3642    .news-banner .banner__content {
3643      top: 50%;
3644    }
3645    .estates-banner .banner__content {
3646      top: 50%;
3647    }
3648
3649    .experience .banner__content {
3650      top: 50%;
3651    }
3652    .new-sustainability-banner-1 .banner__content .text-after-heading h2:lang(de) {
3653        line-height: 25px !important;
3654        font-size: 25px !important;
3655    }
3656  }
3657
3658  /*
3659   * 
3660   writing css with device screens as design need to match 
3661   and creating conflict with tailwind css 
3662   * 
3663*/
3664  @media screen and (device-width: 768px) and (device-height: 1024px) {
3665      .new-sustainability-banner-1 .banner__content h1:lang(de) {
3666          line-height: 65px !important;
3667          font-size: 70px !important;
3668        }
3669  }
3670  @media screen and (device-width: 1024px) and (device-height: 768px) {
3671    .wines-banner {
3672      height: 90vh !important;
3673    }
3674    .poggio_banner {
3675      height: 110vh !important;
3676    }
3677    .new-sustainability-banner-1 {
3678      height: 90vh !important;
3679    }
3680  }
3681  @media screen and (device-width: 1024px) and (device-height: 1366px) {
3682    .new-sustainability-banner-1 {
3683      height: 60vh !important;
3684    }
3685  }
3686  @media screen and (device-width: 1366px) and (device-height: 1024px) {
3687    .wines-banner {
3688      height: 75vh !important;
3689    }
3690    .poggio_banner {
3691      height: 65vh !important;
3692    }
3693  }
3694  @media (min-width: 1190px) and (max-width: 1400px) and (max-height: 610px) {
3695    .poggio_banner .banner__content h1 {
3696      max-width: fit-content;
3697      font-size: 100px;
3698      line-height: 2;
3699    }
3700    .sustainability-banner-1 .banner__heading{
3701      font-size: 125px;
3702    }
3703    .new-sustainability-banner-1 .banner__heading{
3704      font-size: 125px;
3705    }
3706  }
3707  @media (min-width: 320px) and (max-width: 350px) and (max-height: 300px) {
3708    .banner {
3709      height: 800px;
3710    }
3711  }
3712  @media (min-width: 600px) and (max-width: 700px) and (max-height: 320px) {
3713    .banner {
3714      height: 600px;
3715    }
3716  }
3717</style>
3718
3719<div 
3720id="Banner-template--16132051599535__d94e86a3-26e3-46f1-a698-3944506f6565" 
3721class=" banner tw-relative tw-overflow-hidden minmax768:!tw-h-[60vh]   mobileLandscape:!tw-h-[100vh] ipadPro:!tw-h-[60vh] "
3722  >
3723  
3724<div class="main tw-relative tw-overflow-hidden after:tw-absolute after:tw-content-[''] after:tw-top-0 after:tw-z-[9] after:tw-w-full after:tw-h-full   min750:tw-h-full  media  placeholder  ">
3725        <section class="section-intro">
3726          <div class="section__body"><video
3727                id="video-section"
3728                loading="lazy"
3729                class="max749:tw-hidden tw-w-full "
3730                autoplay
3731                playsinline
3732                loop
3733                muted
3734                src="https://cdn.shopify.com/videos/c/o/v/3ad857aa4a794836
3734af0ef924f2c78d58.mp4"
3735                preload="none"
3736                type="video/mp4"
3737                ></video><video
3738                id="video-section-mobile"
3739                loading="lazy"
3740                class="min750:tw-hidden tw-w-full tw-h-full "
3741                autoplay
3742                playsinline
3743                loop
3744                muted
3745                src="https://cdn.shopify.com/videos/c/o/v/ab3ec706690346969d2310f53ec6efb0.mp4"
3746                preload="none"
3747                type="video/mp4"
3748                ></video><a
3749              href="#"
3750              aria-label="Pause Video"
3751              role="button"
3752              tabindex="0"
3753              id="pauseBtn"
3754              style="display: block;"
3755              class="playPauseBtn pauseBtn"
3756              >
3757              <img data-ot-ignore
3758                src="//www.ruffino.it/cdn/shop/files/pause-btn.webp?v=14504330588527276764"
3759                alt="Pause the video"
3760                title="Pause the video"
3761                class="pauseAction"
3762                height=""
3763                width=""
3764                style="display: block;"
3765                >
3766            </a>
3767
3768            <a
3769              href="#"
3770              aria-label="Play Video"
3771              role="button"
3772              tabindex="0"
3773              id="playBtn"
3774              class="playPauseBtn playBtn"
3775              style="display: none;"
3776              >
3777              <img data-ot-ignore
3778                src="//www.ruffino.it/cdn/shop/files/play-btn.webp?v=2628449573321563328"
3779                alt="Play the video"
3780                title="Play the video"
3781                class="playAction"
3782                height=""
3783                width=""
3784                style="display: none;"
3785                >
3786            </a>
3787          </div>
3788        </section>
3789      </div>
3790    
3791
3792  <div class="tw-absolute tw-text-center tw-top-1/2 tw-left-1/2 tw-transform -tw-translate-x-1/2 -tw-translate-y-1/2">
3793    
3794      <img data-ot-ignore
3795        src="//www.ruffino.it/cdn/shop/files/Ruffino_Logo-02.png?v=1702658448&width=300"
3796        alt=""
3797        loading="lazy"
3798        width="2850"
3799        height="2517"
3800        class="tw-m-auto tw-w-[300px] ipadPro:tw-w-[200px] ipad:tw-w-[200px]"
3801        >
3802    
3803  </div>
3804
3805  <div class="banner__content min1920:!tw-bottom-[30%]   
3806     mobileLandscape:!tw-bottom-[15%] tw-absolute tw-p-0   tw-w-1/2  mobile:tw-w-full tw-items-center  tw-z-10 min750:tw-items-center min750:tw-justify-center  min750:tw-p-20   mobile:tw-h-[75%] mobile:tw-my-auto">
3807    <div class="banner__box   tw-text-left  min750:tw-bg-transparent  min750:tw-max-w-['89rem'] tw-relative tw-h-fit tw-items-center tw-break-words mobile:tw-w-11/12 mobile:tw-mx-auto mobile:tw-my-0">
3808      
3809      
3810      
3811
3812      
3813
3814      
3815    </div>
3816  </div>
3817</div>
3818
3819
3820<script>
3821  $(document).ready(function () {
3822    var isPlaying = true;
3823    $('.playPauseBtn').keydown(function (event) {
3824      if (event.key === ' ' || event.key === 'Enter' || event.key === 'Spacebar') {
3825        event.preventDefault();
3826        toggleButton(event.target);
3827      }
3828    });
3829    function toggleButton(element) {
3830      var videoAction = document.getElementById('video-section');
3831      var mobileVideoAction = document.getElementById('video-section-mobile');
3832      if (isPlaying) {
3833        videoAction.pause();
3834        mobileVideoAction.pause();
3835        isPlaying = false;
3836        $('.pauseAction').css('display', 'none');
3837        $('.pauseBtn').css('display', 'none');
3838        $('.playBtn').css('display', 'block');
3839        $('.playAction').css('display', 'block');
3840        $('.playPauseBtn').focus();
3841      } else {
3842        videoAction.play();
3843        mobileVideoAction.play();
3844        isPlaying = true;
3845        $('.playAction').css('display', 'none');
3846        $('.playBtn').css('display', 'none');
3847        $('.pauseAction').css('display', 'block');
3848        $('.pauseBtn').css('display', 'block');
3849        $('.playPauseBtn').focus();
3850      }
3851    }
3852    var videoAction = document.getElementById('video-section');
3853    var mobileVideoAction = document.getElementById('video-section-mobile');
3854    $('.pauseBtn').click(function (e) {
3855      e.preventDefault();
3856      videoAction.pause();
3857      mobileVideoAction.pause();
3858      $('.pauseAction').css('display', 'none');
3859      $('.pauseBtn').css('display', 'none');
3860      $('.playBtn').css('display', 'block');
3861      $('.playAction').css('display', 'block');
3862    });
3863    $('.playBtn').click(function (e) {
3864      e.preventDefault();
3865      videoAction.play();
3866      mobileVideoAction.play();
3867      $('.playAction').css('display', 'none');
3868      $('.playBtn').css('display', 'none');
3869      $('.pauseAction').css('display', 'block');
3870      $('.pauseBtn').css('display', 'block');
3871    });
3872  });
3873</script>
3873
3874<style> @media screen and (min-width: 767px) and (max-width: 768px) {#shopify-section-template--16132051599535__d94e86a3-26e3-46f1-a698-3944506f6565 .banner {height: 42vh !important; }} @media screen and (device-width: 1024px) and (device-height: 1366px) {#shopify-section-template--16132051599535__d94e86a3-26e3-46f1-a698-3944506f6565 .banner {height: 42vh !important; }} </style></section><div id="shopify-section-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e" class="shopify-section home-horizontal-scroll">
3875<style>
3876   
3877    .home-slider .home-slide  {     
3878        padding-left: 12px;
3879    }
3880
3881    .slick-slider.home-slider .slick-slide:first-child {      
3882        padding-left: 118px;
3883    }
3884
3885    #home-slider-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e .slick-track.single-page {
3886        max-width: 100%;
3887        display: flex;
3888        justify-content: center;    
3889        transform: none !important;
3890    }
3891    
3892    #home-slider-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e .slick-track.single-page .slick-slide:first-child {
3893        padding-left: 0;
3894    }
3895
3896    @media(max-width: 767px) {
3897
3898        .home-slider .home-slide {     
3899            padding-left:6px;
3900            padding-right:6px;
3901        }
3902
3903        .slick-slider.home-slider .slick-slide:first-child {      
3904            padding-left: 0;
3905        }
3906   
3907    } 
3908    .horizontal-heading h2.heading-2 {
3909        transition-timing-function: cubic-bezier(.66,.39,.21,.67);
3910        transition-delay: 500ms;
3911    }
3912    .horizontal-heading h2.heading-2:hover {
3913        transform: translateX(-110%);
3914    }
3915     
3916    @keyframes mobile-move-text {
3917      from {
3918          transform: translateX(105%);
3919      }
3920      to {
3921          transform: translateX(calc(-105% - 500px));
3922      }
3923    } 
3924    
3925     .mobile-moving-text {
3926      animation: mobile-move-text 10s linear infinite;
3927    }
3928</style>
3929<div class="">
3930
3931
3932<div class="home-slider tw-flex tw-justify-center tw-relative tw-w-full tw-max-w-[100vw] !tw-overflow-hidden tw-my-12 tw-mt-24 mobile:tw-mt-16 mobile:tw-pl-[18px]" id="home-slider-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e">
3933
3934    
3935
3936    
3937    
3938    
3939
3940
3941<div class="mobile-thumb tw-flex tw-justify-center tw-items-center tw-w-[50px] tw-h-[50px] tw-bg-black/75 tw-absolute tw-rounded-[33px] tw-z-[1] tw-top-[260px] tw-right-[60px] mobile:tw-top-[140px] mobile:tw-right-[30px] tw-bg-black md:tw-hidden">
3942  <div id="home-slider-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e-previous-slide" aria-label="previous slide" class="tw-cursor-pointer prev-slider-arw" tabindex="0" role="button">
3943    <?xml version="1.0" encoding="UTF-8"?>
3944    <svg role="presentation" enable-background="new 0 0 221 221" version="1.1" viewBox="0 0 221 221" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="tw-scale-[-1] tw-w-[33px] tw-h-[33px]">     
3945      <style type="text/css">                                   
3946          .slider-arrow-svg{fill:none;stroke-width:6;stroke-miterlimit:10;}
3947          .tw-bg-black .slider-arrow-svg{stroke:#FFF;}
3948          .tw-bg-white .slider-arrow-svg{stroke:#000;}
3949      </style>           
3950      <image transform="matrix(3.3321 0 0 3.3321 -66.456 -56.132)" width="117" height="94" display="none" overflow="visible" xlink:href="6959470A.jpg">
3951      </image>
3952      <line class="slider-arrow-svg" x1="70.4" x2="150.6" y1="110.5" y2="110.5"/>
3953      <path class="slider-arrow-svg" d="m110.8 83.9s21.7 26.6 39.5 26.6"/>
3954      <path class="slider-arrow-svg" d="m110.2 137.1s22-26.6 40.1-26.6"/>            
3955    </svg>
3956  </div>
3957  <div id="home-slider-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e-next-slide" aria-label="next slide" class="tw-cursor-pointer" tabindex="0" role="button">
3958    <?xml version="1.0" encoding="UTF-8"?>
3959    <svg role="presentation" enable-background="new 0 0 221 221" version="1.1" viewBox="0 0 221 221" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="tw-w-[33px] tw-h-[33px] tw-ml-[-14px]">
3960      <style type="text/css">                                   
3961      </style>
3962      <image transform="matrix(3.3321 0 0 3.3321 -66.456 -56.132)" width="117" height="94" display="none" overflow="visible" xlink:href="6959470A.jpg">
3963      </image>
3964      <line class="slider-arrow-svg" x1="70.4" x2="150.6" y1="110.5" y2="
3964110.5"/>
3965      <path class="slider-arrow-svg" d="m110.8 83.9s21.7 26.6 39.5 26.6"/>
3966      <path class="slider-arrow-svg" d="m110.2 137.1s22-26.6 40.1-26.6"/>            
3967    </svg>
3968  </div>
3969</div>
3970<style>
3971  .prev-slider-arw:focus-visible{
3972    box-shadow:inset 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3);
3973    outline-offset: -7px;
3974   }
3975</style>
3976
3977      
3978
3979        <div class="home-slide tw-pl-[12px]">
3980            <h2 class="tw-flex tw-items-end tw-w-[342px] tw-font-made-saonara tw-font-normal tw-text-black tw-text-[35px] tw-leading-[42px] tw-uppercase tw-mb-3 mobile:tw-w-[300px]"> 
3981                WINES
3982            </h2>
3983            <div class="tw-w-[342px] tw-h-[400px] tw-overflow-hidden mobile:tw-w-[300px] mobile:tw-h-[348px] tw-relative group">
3984                
3985                <a href="/collections/our-wines" aria-label="WINES More" class="tw-block tw-w-full tw-h-full focus-visible:tw-p-0.5 focus-visible:tw-border-4  tw-border-black" tabindex="-1" aira-hidden="true">
3986                    <img data-ot-ignore src="//www.ruffino.it/cdn/shop/files/MicrosoftTeams-image_36_6abe7559-afff-4362-895c-835bbf468e86_x440.jpg?v=1712104916" alt="WINES" class="tw-h-full tw-w-full tw-object-cover hover:tw-h-[110%] hover:tw-w-[110%] tw-transition-all tw-duration-200 tw-ease-in" loading="lazy">
3987                    
3988                </a>
3989                
3990            </div>
3991            <p class="tw-w-[342px] tw-font-neutraface-display-light tw-text-black tw-text-xl tw-mt-7 mobile:tw-w-[300px]">A long history and an innovative spirit define our great Tuscan red wines.</p>
3992
3993            
3994
3995                <a href="/collections/our-wines" aria-label="More WINES "
3996                class="more-btn tw-flex tw-justify-between tw-items-center tw-pl-3 tw-font-neutraface-display-bold tw-text-black tw-text-xs tw-uppercase tw-mt-10 tw-mb-[8px] tw-w-fit tw-h-[33px] tw-rounded-[33px] hover:tw-bg-black hover:tw-text-white tw-transition-all tw-duration-200 tw-ease-in mobile:tw-mt-7 slide-1   focus-visible:tw-bg-black focus-visible:tw-text-white" tabindex="0">
3997                
3998                    More
3999                    <?xml version="1.0" encoding="UTF-8"?>
4000                        <svg enable-background="new 0 0 221 221" role="presentation" version="1.1" viewBox="0 0 221 221" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="tw-w-[33px] tw-h-[33px] tw-ml-[15px]" alt="">
4001                        <style type="text/css"> 
4002                            .slide-1:hover svg path,
4003                            .slide-1:hover svg line,
4004                            .slide-1:focus-visible svg path,
4005                            .slide-1:focus-visible svg line { stroke: white;}                            
4006                            .st0{fill:none;stroke:#000000;stroke-width:6;stroke-miterlimit:10;}
4007                        </style>
4008                        <image transform="matrix(3.3321 0 0 3.3321 -66.456 -56.132)" width="117" height="94" display="none" overflow="visible" xlink:href="6959470A.jpg">
4009                        </image>
4010                        <line class="st0" x1="70.4" x2="150.6" y1="110.5" y2="110.5"/>
4011                        <path class="st0" d="m110.8 83.9s21.7 26.6 39.5 26.6"/>
4012                        <path class="st0" d="m110.2 137.1s22-26.6 40.1-26.6"/>
4013                        <circle class="st0" cx="110.5" cy="110.5" r="107.5"/>
4014                        </svg>
4015                </a>
4016
4017            
4018
4019        </div>
4020
4021      
4022
4023        <div class="home-slide tw-pl-[12px]">
4024            <h2 class="tw-flex tw-items-end tw-w-[342px] tw-font-made-saonara tw-font-normal tw-text-black tw-text-[35px] tw-leading-[42px] tw-uppercase tw-mb-3 mobile:tw-w-[300px]"> 
4025                Experiences
4026            </h2>
4027            <div class="tw-w-[342px] tw-h-[400px] tw-overflow-hidden mobile:tw-w-[300px] mobile:tw-h-[348px] tw-relative group">
4028                
4029                <a href="/pages/ruffino-experience" aria-label="Experiences More" class="tw-block tw-w-full tw-h-full focus-visible:tw-p-0.5 focus-visible:tw-border-4  tw-border-black" tabindex="-1" aira-hidden="true">
4030                    <img data-ot-ignore src="//www.ruffino.it/cdn/shop/files/31_D2A4778_x440.jpg?v=1721391390" alt="Experiences" class="tw-h-full tw-w-full tw-object-cover hover:tw-h-[110%] hover:tw-w-[110%] tw-transition-all tw-duration-200 tw-ease-in" loading="lazy">
4031                    
4032                </a>
4033                
4034            </div>
4035            <p class="tw-w-[342px] tw-font-neutraface-display-light tw-text-black tw-text-xl tw-mt-7 mobile:tw-w-[300px]">Taste our wines and enjoy a unique experience at Casa Ruffino.</p>
4036
4037            
4038
4039                <a href="/pages/ruffino-experience" aria-label="Book Now Experiences "
4040                class="more-btn tw-flex tw-justify-between tw-items-center tw-pl-3 tw-font-neutraface-display-bold tw-text-black tw-text-xs tw-uppercase tw-mt-10 tw-mb-[8px] tw-w-fit tw-h-[33px] tw-rounded-[33px] hover:tw-bg-black hover:tw-text-white tw-transition-all tw-duration-200 tw-ease-in mobile:tw-mt-7 slide-2   focus-visible:tw-bg-black focus-visible:tw-text-white" tabindex="0">
4041                
4042                    Book Now
4043                    <?xml version="1.0" encoding="UTF-8"?>
4044                        <svg enable-background="new 0 0 221 221" role="presentation" version="1.1" viewBox="0 0 221 221" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="tw-w-[33px] tw-h-[33px] tw-ml-[15px]" alt="">
4045                        <style type="text/css"> 
4046                            .slide-2:hover svg path,
4047                            .slide-2:hover svg line,
4048                            .slide-2:focus-visible svg path,
4049                            .slide-2:focus-visible svg line { stroke: white;}                            
4050                            .st0{fill:none;stroke:#000000;stroke-width:6;stroke-miterlimit:10;}
4051                        </style>
4052                        <image transform="matrix(3.3321 0 0 3.3321 -66.456 -56.132)" width="117" height="94" display="none" overflow="visible" xlink:href="6959470A.jpg">
4053                        </image>
4054                        <line class="st0" x1="70.4" x2="150.6" y1="110.5" y2="
4054110.5"/>
4055                        <path class="st0" d="m110.8 83.9s21.7 26.6 39.5 26.6"/>
4056                        <path class="st0" d="m110.2 137.1s22-26.6 40.1-26.6"/>
4057                        <circle class="st0" cx="110.5" cy="110.5" r="107.5"/>
4058                        </svg>
4059                </a>
4060
4061            
4062
4063        </div>
4064
4065      
4066
4067        <div class="home-slide tw-pl-[12px]">
4068            <h2 class="tw-flex tw-items-end tw-w-[342px] tw-font-made-saonara tw-font-normal tw-text-black tw-text-[35px] tw-leading-[42px] tw-uppercase tw-mb-3 mobile:tw-w-[300px]"> 
4069                ESTATES
4070            </h2>
4071            <div class="tw-w-[342px] tw-h-[400px] tw-overflow-hidden mobile:tw-w-[300px] mobile:tw-h-[348px] tw-relative group">
4072                
4073                <a href="/pages/our-estates" aria-label="ESTATES More" class="tw-block tw-w-full tw-h-full focus-visible:tw-p-0.5 focus-visible:tw-border-4  tw-border-black" tabindex="-1" aira-hidden="true">
4074                    <img data-ot-ignore src="//www.ruffino.it/cdn/shop/files/1_OUR_ESTATE_4a6ca60e-142c-44b1-8953-1a904f156378_x440.jpg?v=1700582623" alt="ESTATES" class="tw-h-full tw-w-full tw-object-cover hover:tw-h-[110%] hover:tw-w-[110%] tw-transition-all tw-duration-200 tw-ease-in" loading="lazy">
4075                    
4076                </a>
4077                
4078            </div>
4079            <p class="tw-w-[342px] tw-font-neutraface-display-light tw-text-black tw-text-xl tw-mt-7 mobile:tw-w-[300px]">In Tuscany, six enchanting estates encapsulate Ruffino’s essence featuring centuries-long history and culture as well as timeless style.</p>
4080
4081            
4082
4083                <a href="/pages/our-estates" aria-label="More ESTATES "
4084                class="more-btn tw-flex tw-justify-between tw-items-center tw-pl-3 tw-font-neutraface-display-bold tw-text-black tw-text-xs tw-uppercase tw-mt-10 tw-mb-[8px] tw-w-fit tw-h-[33px] tw-rounded-[33px] hover:tw-bg-black hover:tw-text-white tw-transition-all tw-duration-200 tw-ease-in mobile:tw-mt-7 slide-3   focus-visible:tw-bg-black focus-visible:tw-text-white" tabindex="0">
4085                
4086                    More
4087                    <?xml version="1.0" encoding="UTF-8"?>
4088                        <svg enable-background="new 0 0 221 221" role="presentation" version="1.1" viewBox="0 0 221 221" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="tw-w-[33px] tw-h-[33px] tw-ml-[15px]" alt="">
4089                        <style type="text/css"> 
4090                            .slide-3:hover svg path,
4091                            .slide-3:hover svg line,
4092                            .slide-3:focus-visible svg path,
4093                            .slide-3:focus-visible svg line { stroke: white;}                            
4094                            .st0{fill:none;stroke:#000000;stroke-width:6;stroke-miterlimit:10;}
4095                        </style>
4096                        <image transform="matrix(3.3321 0 0 3.3321 -66.456 -56.132)" width="117" height="94" display="none" overflow="visible" xlink:href="6959470A.jpg">
4097                        </image>
4098                        <line class="st0" x1="70.4" x2="150.6" y1="110.5" y2="110.5"/>
4099                        <path class="st0" d="m110.8 83.9s21.7 26.6 39.5 26.6"/>
4100                        <path class="st0" d="m110.2 137.1s22-26.6 40.1-26.6"/>
4101                        <circle class="st0" cx="110.5" cy="110.5" r="107.5"/>
4102                        </svg>
4103                </a>
4104
4105            
4106
4107        </div>
4108
4109       
4110
4111</div>
4112 
4113<div class="progress-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e tw-block tw-relative tw-f-full tw-h-[1px] tw-bg-black tw-mb-7 tw-mt-14 tw-ml-[118px] mobile:tw-ml-[18px] mobile:tw-mt-10">   
4114<div class="progress-bar !tw-block tw-absolute tw-transition-all tw-duration-200 tw-ease-in tw-bg-black tw-h-[3px] tw-top-[-1px]" aria-label="progress bar" role="progressbar" aria-valuemin="0" aria-valuemax="100"></div>    
4115</div>  
4116
4117
4118<div id="progress-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e" class="tw-ml-[118px] mobile:tw-ml-[18px] !tw-hidden">
4119</div>
4120</div>
4121<script>
4122
4123    document.querySelector('#home-slider-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e-previous-slide').addEventListener('click', function() {
4124        $('#home-slider-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e').slick('slickPrev');
4125    });
4126    document.querySelector('#home-slider-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e-previous-slide').addEventListener('keydown', function(e) {
4127        if (e.key === 'Enter') {
4128            $('#home-slider-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e').slick('slickPrev');
4129        }
4130    });
4131
4132    document.querySelector('#home-slider-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e-next-slide').addEventListener('click', function() {
4133        $('#home-slider-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e').slick('slickNext');
4134    });
4135    document.querySelector('#home-slider-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e-next-slide').addEventListener('keydown', function(e) {
4136        if (e.key === 'Enter') {
4137            $('#home-slider-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e').slick('slickNext');
4138        }
4139    });
4140
4141    $(document).ready(function() {
4142
4143        var $slider = $('#home-slider-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e');
4144        
4145         $slider.on('setPosition', function(event, slick, currentSlide){
4146            var numItems = $('#progress-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e li[role=presentation]').length;
4147            var activeDot = $('#progress-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e li[role=presentation].slick-active').text();
4148            var percentBar = (activeDot / numItems) * 100;
4149            $('.progress-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e .progress-bar').css('width',percentBar + '%')
4150            //alert(activeDot + '/' + numItems + ':' + percentBar);
4151        });
4152 
4153        $('#home-slider-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e').slick({    
4154            slidesToShow: 5,
4155            slidesToScroll: 1,
4156            dots: true,
4157            centerMode: false,
4158            variableWidth: true,
4159            infinite: false,
4160            arrows: false,
4161            accessibility: false,        
4162            slide: '.home-slide', 
4163            appendDots: $('#progress-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e'),   
4164            responsive: [                 
4165                {
4166                    breakpoint: 1920,
4167                    settings: {                 
4168                        slidesToShow: 4,
4169                        slidesToScroll: 1
4170                    }       
4171                },    
4172                {
4173                    breakpoint: 1520,
4174                    settings: {                 
4175                        slidesToShow: 3,
4176                        slidesToScroll: 1
4177                    }       
4178                },     
4179                {
4180                    breakpoint: 1100,
4181                    settings: {                 
4182                        slidesToShow: 2,
4183                        slidesToScroll: 1
4184                    }       
4185                },       
4186                {
4187                    breakpoint: 600,
4188                    settings: {                 
4189                        slidesToShow: 1,
4190                        slidesToScroll: 1
4191                    }       
4192                }
4193            ]         
4194        }); 
4195
4196        $('#home-slider-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e').on('setPosition', function(event, slick, currentSlide){     
4197            
4198            $('.home-slide').removeAttr('tabindex');
4199          
4200            var noDots = $("#progress-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e ul.slick-dots li").length           
4201            if (noDots <= 1) {
4202                $(".progress-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e").hide();    
4203                $("#home-slider-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e .slick-track").addClass('single-page');   
4204            } else {
4205                $(".progress-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e").show();    
4206                $("#home-slider-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e .slick-track").removeClass('single-page');  
4207            }   
4208            
4209            $('#home-slider-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e p').each(function() {
4210                 maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
4211            });
4212  
4213            $('#home-slider-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e p').each(function() {
4214                $(this).height(maxHeight);
4215            });     
4216        });
4217        
4218        $(window).on( "resize", function() {
4219             $('.home-slide').removeAttr('tabindex');
4220            var noDots = $("#progress-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e ul.slick-dots li").length           
4221            if (noDots <= 1) { 
4222                $(".progress-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e").hide();    
4223                $("#home-slider-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e .slick-track").addClass('single-page');   
4224            } else {
4225                $(".progress-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e").show();    
4226                $("#home-slider-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e .slick-track").removeClass('single-page');  
4227            }      
4228        });
4229
4230        
4231
4232        var maxHeight = -1;
4233
4234        $('#home-slider-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e h2').each(function() {
4235          maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
4236        });
4237     
4238        $('#home-slider-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e h2').each(function() {
4239          $(this).height(maxHeight);
4240        });
4241
4242        var thumbPos = $('#home-slider-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e h2').height() + ($('#home-slider-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e img').height() / 2) - ($('#home-slider-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e .mobile-thumb').height() / 3);
4243
4244        $('#home-slider-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e .mobile-thumb').css('top',thumbPos);
4245        $('.home-slide').attr('aria-hidden','true');
4246
4247
4248     /* Start of heading animation script */
4249        var headingdiv = document.getElementById("horizontal-heading-div");
4250        if ($(window).width() <= 767) {
4251            headingdiv.dataset.animateType = "tw-animate-stripmarqueemobile";
4252        } else {
4253            headingdiv.dataset.animateType = "";
4254        }
4255        /* End of heading animation script */
4256
4257        
4258
4259      });
4260
4261</script>
4261
4262<style>
4263.group:hover .logo-overlay-images {opacity: 1;width: auto;max-height:80%;}
4264.group:hover .logo-overlay-bg {opacity: 1;display:block;}
4265</style>
4266<style> #shopify-section-template--16132051599535__dcdb2c25-8d60-462d-b419-6a5592eb413e .mobile-thumb {/*display: none;*/} </style></div><section id="shopify-section-template--16132051599535__rich_text_z64Uxb" class="shopify-section section"><link rel="stylesheet" href="//www.ruffino.it/cdn/shop/t/2/assets/component-rte.css?v=4665830200933978791700545470" media="print" onload="this.media='all'">
4267<noscript><link href="//www.ruffino.it/cdn/shop/t/2/assets/component-rte.css?v=4665830200933978791700545470" rel="stylesheet" type="text/css" media="all" /></noscript><style data-shopify>.section-template--16132051599535__rich_text_z64Uxb-rich-text-bg{
4268    background-color: rgba(0,0,0,0);
4269  }
4270  .section-template--16132051599535__rich_text_z64Uxb-padding {
4271    padding-top: 30px;
4272    padding-bottom: 39px;
4273  }
4274
4275  @media screen and (min-width: 750px) {
4276    .section-template--16132051599535__rich_text_z64Uxb-padding {
4277      padding-top: 40px;
4278      padding-bottom: 52px;
4279    }
4280  }
4281  .riserva_ducale { 
4282    border-top: 1px solid #000; 
4283    border-bottom: 1px solid #000; 
4284    padding: 100px 200px;
4285  }
4286  .riserva_ducale:hover{
4287    background-color: #000;
4288    background-image: url('https://cdn.shopify.com/s/files/1/0626/1394/6543/files/1-RUFFINO_-_ORO_-_EVENTO.jpg?v=1746703798');
4289    background-size: cover;
4290    background-repeat: no-repeat;
4291    background-position: center;
4292  }
4293  .riserva_ducale:hover::before {
4294    content: '';
4295    position: absolute;
4296    top: 0;
4297    left: 0;
4298    width: 100%;
4299    height: 100%;
4300    background-color: rgba(0, 0, 0, 0.5);
4301    z-index: 1;
4302  }
4303  .riserva_ducale:hover .riserva_ducale_child {
4304    position: relative;
4305    z-index: 2;
4306  }
4307  .riserva_ducale_child{
4308    max-width: 1000px;
4309    margin:0 auto;
4310  }
4311  .riserva_ducale_child h2, .riserva_ducale_child div, .riserva_ducale_child a{color: #000;}
4312  @media screen and (max-width:900px){
4313    .riserva_ducale {padding: 100px 50px !important;}
4314  }
4315  .riserva_ducale_child a:hover{text-decoration: underline;}
4316  .riserva_ducale_child a{margin-left: auto; margin-right: auto;}
4317  .product-riserva-ducale-oro{margin-top:100px;}
4318
4319
4320  .riserva_ducale_omnes { 
4321    border-top: 1px solid #000; 
4322    border-bottom: 1px solid #000; 
4323    padding: 100px 200px;
4324  }
4325  .riserva_ducale_omnes:hover{
4326    background-color: #000;
4327    background-image: url('https://cdn.shopify.com/s/files/1/0626/1394/6543/files/1-RUFFINO_-_ORO_-_EVENTO.jpg?v=1746703798');
4328    background-size: cover;
4329    background-repeat: no-repeat;
4330    background-position: center;
4331  }
4332  .riserva_ducale_omnes:hover::before {
4333    content: '';
4334    position: absolute;
4335    top: 0;
4336    left: 0;
4337    width: 100%;
4338    height: 100%;
4339    background-color: rgba(0, 0, 0, 0.5);
4340    z-index: 1;
4341  }
4342  .riserva_ducale_omnes:hover .riserva_ducale_omnes_child {
4343    position: relative;
4344    z-index: 2;
4345  }
4346  .riserva_ducale_omnes_child{
4347    max-width: 1000px;
4348    margin:0 auto;
4349  }
4350  .riserva_ducale_omnes_child h2, .riserva_ducale_omnes_child div, .riserva_ducale_omnes_child a{color: #000;}
4351  @media screen and (max-width:900px){
4352    .riserva_ducale_omnes {padding: 100px 50px !important;}
4353  }
4354  .riserva_ducale_omnes_child a:hover{text-decoration: underline;}
4355  .riserva_ducale_omnes_child a{margin-left: auto; margin-right: auto;}
4356  .product-riserva-ducale-oro{margin-top:100px;}</style>
4357<div class="tw-relative tw-z-0 ">
4358  <div class=" riserva_ducale section-template--16132051599535__rich_text_z64Uxb-rich-text-bg tw-mx-auto tw-text-center tw-z-10 content-container  tw-w-full section-template--16132051599535__rich_text_z64Uxb-padding">
4359    <div class="riserva_ducale_child tw-max-w-full  mobile:tw-w-full mobile:tw-px-[15px]"><h2 class="tw-font-made-saonara tw-font-normal tw-uppercase tw-pb-[10px] !tw-tracking-normal tw-leading-[63px] tw-text-[42px] mobile:tw-text-[34px] mobile:tw-leading-[51px]" >Riserva Ducale Oro: Omnes</h2><div class="tw-font-neutraface-display-light rte tw-pb-4 tw-text-[22px] tw-tracking-normal tw-leading-[33px] mobile:tw-text-[16
4359px] mobile:tw-leading-[24px]" ><p>A collectible limited edition of only 2,200 magnum bottles, dedicated to Omnes, a unique artwork from the ORObyRUFFINO collection by Millim Studio.</p></div>
4360              <a href="https://www.ruffino.it/pages/riserva-ducale-oro-omnes" aria-label="ADA text for Button" class="more-btn tw-flex tw-justify-between tw-items-center tw-pl-3 tw-font-neutraface-display-bold tw-text-black tw-text-xs tw-uppercase tw-mt-10 tw-mb-[8px] tw-w-fit tw-h-[33px] tw-rounded-[33px] hover:tw-bg-black hover:tw-text-white tw-transition-all tw-duration-200 tw-ease-in mobile:tw-mt-7 slide-1   focus-visible:tw-bg-black focus-visible:tw-text-white" tabindex="0">
4361                Discover more
4362                <!--?xml version="1.0" encoding="UTF-8"?-->
4363                    <svg role="presentation" enable-background="new 0 0 221 221" version="1.1" viewBox="0 0 221 221" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="tw-w-[33px] tw-h-[33px] tw-ml-[15px]" alt="">
4364                    <style type="text/css"> 
4365                        .slide-1:hover svg path,
4366                        .slide-1:hover svg line,
4367                        .slide-1:focus-visible svg path,
4368                        .slide-1:focus-visible svg line { stroke: white;}                            
4369                        .st0{fill:none;stroke:#000000;stroke-width:6;stroke-miterlimit:10;}
4370                    </style>
4371                    <image transform="matrix(3.3321 0 0 3.3321 -66.456 -56.132)" width="117" height="94" display="none" overflow="visible" xlink:href="6959470A.jpg">
4372                    </image>
4373                    <line class="st0" x1="70.4" x2="150.6" y1="110.5" y2="110.5"></line>
4374                    <path class="st0" d="m110.8 83.9s21.7 26.6 39.5 26.6"></path>
4375                    <path class="st0" d="m110.2 137.1s22-26.6 40.1-26.6"></path>
4376                    <circle class="st0" cx="110.5" cy="110.5" r="107.5"></circle>
4377                    </svg>
4378            </a>
4379              
4380</div>
4381  </div>
4382</div>
4383<script>
4384  window.addEventListener("load", (event) => {
4385  $(".riserva_ducale").on("mouseover",function(){
4386    $(".riserva_ducale a").css("color","#000");
4387    $(".riserva_ducale h2, .riserva_ducale div").css("color","#fff");
4388    $(".riserva_ducale a").css("background-color","#fff");
4389    $(".riserva_ducale_child div p").css("font-weight","600");
4390    $(".riserva_ducale svg line").css("stroke","#000");
4391    $(".riserva_ducale svg path").css("stroke","#000");
4392  });
4393  $(".riserva_ducale").on("mouseout",function(){
4394    $(".riserva_ducale").css("background-color","#fff");
4395    $(".riserva_ducale h2, .riserva_ducale div").css("color","#000");
4396    $(".riserva_ducale a").css("color","#000");
4397    $(".riserva_ducale a").css("background-color","transparent");
4398    $(".riserva_ducale svg line").css("stroke","#000");
4399    $(".riserva_ducale svg path").css("stroke","#000");
4400     $(".riserva_ducale_child div p").css("font-weight","500");
4401  });
4402});
4403</script>
4403
4404<style> #shopify-section-template--16132051599535__rich_text_z64Uxb a {text-decoration: none;} #shopify-section-template--16132051599535__rich_text_z64Uxb .riserva_ducale:hover {background-image: url("https://cdn.shopify.com/s/files/1/0626/1394/6543/files/IMG_0392_rotate.jpg?v=1784639558");} </style></section><div id="shopify-section-template--16132051599535__68e4bd04-421e-4a45-ad1a-dbe1f00b4fd4" class="shopify-section heading-section"><style>
4405    @keyframes textanimation {
4406          0% {
4407            transform: translateX(100%);
4408          }
4409          45% {
4410            transform: translateX(0%);
4411          }
4412          55% {
4413            transform: translateX(0%);
4414          }
4415          100% {
4416            transform: translateX(-100%);
4417          }
4418    }
4419    @keyframes mobile-move-text {
4420      from {
4421          transform: translateX(100%);
4422      }
4423      to {
4424          transform: translateX(calc(-100% - 2000px));
4425      }
4426    }
4427    .section-template--16132051599535__68e4bd04-421e-4a45-ad1a-dbe1f00b4fd4-padding {
4428        padding-top: 36px;
4429        padding-bottom: 36px;
4430    }
4431    .heading-text-1 {
4432        animation: textanimation 20s linear infinite;
4433        animation-delay: 0s;
4434        animation-fill-mode: forwards;
4435        animation-play-state: running;
4436        animation-iteration-count: infinite;
4437        animation-direction: normal;
4438    }
4439    .heading-text-2 {
4440      animation: textanimation 20s linear infinite;
4441        animation-delay: 0s;
4442        animation-fill-mode: forwards;
4443        animation-play-state: running;
4444        animation-iteration-count: infinite;
4445        animation-direction: reverse;
4446    }
4447    .mobile-moving-text {
4448      animation: mobile-move-text 10s linear infinite;
4449    }
4450   
4451    @media (min-width: 1280px) {
4452      .heading-text-1:lang(de), .heading-text-2:lang(de){
4453        font-size: 75px;
4454        line-height: 75px;
4455      }
4456    }
4457    @media only screen and (min-width: 1300px) {
4458      .heading-text-1, .heading-text-2 {
4459        left: 5% !important;
4460      }
4461    }
4462    @media only screen and (min-width: 1400px) {
4463      .heading-text-1, .heading-text-2{
4464        left: 10% !important;
4465      }
4466    }
4467    
4468    @media only screen and (min-width: 1600px) {
4469      .heading-text-1, .heading-text-2{
4470        left: 15% !important;
4471      }
4472    }
4473
4474    @media screen and (device-width: 768px) and (device-height: 1024px) {
4475      .heading-text-1:lang(de), .heading-text-2:lang(de){
4476        font-size: 45px;
4477      }
4478    }
4479    @media screen and (device-width: 1024px) {
4480      .heading-text-1:lang(de), .heading-text-2:lang(de){
4481        font-size: 55px;
4482        line-height: 55px;
4483      }
4484    }
4485    
4486  </style>
4487
4488
4489<div class=" tw-relative section-template--16132051599535__68e4bd04-421e-4a45-ad1a-dbe1f00b4fd4-padding mobile:!tw-pt-[2rem] mobile:!tw-pb-0 tw-overflow-hidden">
4490    <div class="mobile:tw-relative mobile:tw-overflow-hidden">
4491      <h2 title ="A CONTEMPORARY VISION THAT ELEVATES TRADITION" class="screen-reader-only"> A CONTEMPORARY VISION THAT ELEVATES TRADITION</h2>
4492        
4493            <h2 class="mobile:tw-hidden animatedheading tw-relative heading-text-1 js-show-on-scroll tw-font-made-saonara tw-tracking-normal tw-leading-[93px] tw-text-[93px] tw-font-normal tw-text-[#231f20] tw-uppercase tw-whitespace-nowrap mobile:tw-leading-[107px] mobile:tw-text-[90px] ipadPro:tw-text-[65px] ipadPro:tw-leading-[65px] ipad:tw-text-[55px] ipad:tw-leading-[55px]" aria-hidden="true">A CONTEMPORARY VISION</h2>
4494        
4495        
4496            <h2 class="mobile:tw-hidden heading-2 tw-relative js-show-on-scroll heading-text-2 tw-font-made-saonara tw-tracking-normal tw-leading-[93px] tw-text-[93px] tw-font-normal tw-text-[#231f20] tw-uppercase tw-whitespace-nowrap mobile:tw-leading-[107px] mobile:tw-text-[90px] ipadPro:tw-text-[65px] ipadPro:tw-leading-[65px] ipadPro:tw-left-[10%] ipad:tw-text-[55px] ipad:tw-leading-[55px] ipad:tw-left-[10%] minmax768:tw-left-0" aria-hidden="true">THAT ELEVATES TRADITION</h2>
4497        
4498        
4499          <h2 class="min768:tw-hidden mobile-moving-text tw-relative js-show-on-scroll tw-font-made-saonara tw-tracking-normal tw-leading-[93px] tw-text-[93px] tw-font-normal tw-text-[#231f20] tw-uppercase tw-whitespace-nowrap mobile:tw-leading-[107px] mobile:tw-text-[90px] ipadPro:tw-text-[65px] ipadPro:tw-leading-[65px] ipad:tw-text-[55px] ipad:tw-leading-[55px]" data-animate-type="tw-animate-stripmarquee" aria-hidden="true">A CONTEMPORARY VISION THAT ELEVATES TRADITION</h2>
4500      
4501    </div>
4502</div>
4503
4504
4505</div><div id="shopify-section-template--16132051599535__home_horizontal_scroll_aRaDnw" class="shopify-section home-horizontal-scroll">
4506<style>
4507   
4508    .home-slider .home-slide  {     
4509        padding-left: 12px;
4510    }
4511
4512    .slick-slider.home-slider .slick-slide:first-child {      
4513        padding-left: 118px;
4514    }
4515
4516    #home-slider-template--16132051599535__home_horizontal_scroll_aRaDnw .slick-track.single-page {
4517        max-width: 100%;
4518        display: flex;
4519        justify-content: center;    
4520        transform: none !important;
4521    }
4522    
4523    #home-slider-template--16132051599535__home_horizontal_scroll_aRaDnw .slick-track.single-page .slick-slide:first-child {
4524        padding-left: 0;
4525    }
4526
4527    @media(max-width: 767px) {
4528
4529        .home-slider .home-slide {     
4530            padding-left:6px;
4531            padding-right:6px;
4532        }
4533
4534        .slick-slider.home-slider .slick-slide:first-child {      
4535            padding-left: 0;
4536        }
4537   
4538    } 
4539    .horizontal-heading h2.heading-2 {
4540        transition-timing-function: cubic-bezier(.66,.39,.21,.67);
4541        transition-delay: 500ms;
4542    }
4543    .horizontal-heading h2.heading-2:hover {
4544        transform: translateX(-110%);
4545    }
4546     
4547    @keyframes mobile-move-text {
4548      from {
4549          transform: translateX(105%);
4550      }
4551      to {
4552          transform: translateX(calc(-105% - 500px));
4553      }
4554    } 
4555    
4556     .mobile-moving-text {
4557      animation: mobile-move-text 10s linear infinite;
4558    }
4559</style>
4560<div class="">
4561
4562
4563<div class="home-slider tw-flex tw-justify-center tw-relative tw-w-full tw-max-w-[100vw] !tw-overflow-hidden tw-my-12 tw-mt-24 mobile:tw-mt-16 mobile:tw-pl-[18px]" id="home-slider-template--16132051599535__home_horizontal_scroll_aRaDnw">
4564
4565    
4566
4567    
4568    
4569    
4570
4571
4572<div class="mobile-thumb tw-flex tw-justify-center tw-items-center tw-w-[50px] tw-h-[50px] tw-bg-black/75 tw-absolute tw-rounded-[33px] tw-z-[1] tw-top-[260px] tw-right-[60px] mobile:tw-top-[140px] mobile:tw-right-[30px] tw-bg-black md:tw-hidden">
4573  <div id="home-slider-template--16132051599535__home_horizontal_scroll_aRaDnw-previous-slide" aria-label="previous slide" class="tw-cursor-pointer prev-slider-arw" tabindex="0" role="button">
4574    <?xml version="1.0" encoding="UTF-8"?>
4575    <svg role="presentation" enable-background="new 0 0 221 221" version="1.1" viewBox="0 0 221 221" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="tw-scale-[-1] tw-w-[33px] tw-h-[33px]">     
4576      <style type="text/css">                                   
4577          .slider-arrow-svg{fill:none;stroke-width:6;stroke-miterlimit:10;}
4578          .tw-bg-black .slider-arrow-svg{stroke:#FFF;}
4579          .tw-bg-white .slider-arrow-svg{stroke:#000;}
4580      </style>           
4581      <image transform="matrix(3.3321 0 0 3.3321 -66.456 -56.132)" width="117" height="94" display="none" overflow="visible" xlink:href="6959470A.jpg">
4582      </image>
4583      <line class="slider-arrow-svg" x1="70.4" x2="150.6" y1="110.5" y2="110.5"/>
4584      <path class="slider-arrow-svg" d="m110.8 83.9s21.7 26.6 39.5 26.6"/>
4585      <path class="slider-arrow-svg" d="m110.2 137.1s22-26.6 40.1-26.6"/>            
4586    </svg>
4587  </div>
4588  <div id="home-slider-template--16132051599535__home_horizontal_scroll_aRaDnw-next-slide" aria-label="next slide" class="tw-cursor-pointer" tabindex="0" role="button">
4589    <?xml version="1.0" encoding="UTF-8"?>
4590    <svg role="presentation" enable-background="new 0 0 221 221" version="1.1" viewBox="0 0 221 221" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="tw-w-[33px] tw-h-[33px] tw-ml-[-14px]">
4591      <style type="text/css">                                   
4592      </style>
4593      <image transform="matrix(3.3321 0 0 3.3321 -66.456 -56.132)" width="117" height="94" display="none" overflow="visible" xlink:href="6959470A.jpg">
4594      </image>
4595      <line class="slider-arrow-svg" x1="70.4" x2="150.6" y1="110.5" y2="110.5"/>
4596      <path class="slider-arrow-svg" d="m110.8 83.9s21.7 26.6 39.5 26.6"/>
4597      <path class="slider-arrow-svg" d="m110.2 137.1s22-26.6 40.1-26.6"/>            
4598    </svg>
4599  </div>
4600</div>
4601<style>
4602  .prev-slider-arw:focus-visible{
4603    box-shadow:inset 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3);
4604    outline-offset: -7px;
4605   }
4606</style>
4607
4608      
4609
4610        <div class="home-slide tw-pl-[12px]">
4611            <h2 class="tw-flex tw-items-end tw-w-[342px] tw-font-made-saonara tw-font-normal tw-text-black tw-text-[35px] tw-leading-[42px] tw-uppercase tw-mb-3 mobile:tw-w-[300px]"> 
4612                Tour and tasting
4613            </h2>
4614            <div class="tw-w-[342px] tw-h-[400px] tw-overflow-hidden mobile:tw-w-[300px] mobile:tw-h-[348px] tw-relative group">
4615                
4616                <a href="/pages/cantina-ruffino" aria-label="Tour and tasting More" class="tw-block tw-w-full tw-h-full focus-visible:tw-p-0.5 focus-visible:tw-border-4  tw-border-black" tabindex="-1" aira-hidden="true">
4617                    <img data-ot-ignore src="//www.ruffino.it/cdn/shop/files/Cantina_Casa_Ruffino_x440.jpg?v=1756909084" alt="Tour and tasting" class="tw-h-full tw-w-full tw-object-cover hover:tw-h-[110%] hover:tw-w-[110%] tw-transition-all tw-duration-200 tw-ease-in" loading="lazy">
4618                    
4619                        <img src="//www.ruffino.it/cdn/shop/files/Tours_tasting_-_Cantina_Ruffino_Logo-06_1024x1024.png?v=1748514928" alt="Logo Overlay"  class="logo-overlay-images tw-z-[20] tw-h-auto tw-w-auto tw-max-h-[80%] tw-pointer-events-none tw-absolute tw-inset-0 tw-m-auto tw-opacity-0 group-hover:tw-opacity-100 tw-transition-opacity tw-duration-300" />
4620                    <div class="logo-overlay-bg tw-absolute tw-inset-0 tw-w-full tw-h-full tw-bg-black/50 tw-opacity-0 group-hover:tw-opacity-100 tw-transition-opacity tw-duration-300 tw-z-[10] tw-pointer-events-none"></div>
4621                    
4622                </a>
4623                
4624            </div>
4625            <p class="tw-w-[342px] tw-font-neutraface-display-light tw-text-black tw-text-xl tw-mt-7 mobile:tw-w-[300px]">An unforgettable fusion of Tuscan history, art, aromas and flavors. Embark on immersive tours and tastings that go beyond the ordinary.</p>
4626
4627            
4628
4629                <a href="/pages/cantina-ruffino" aria-label="Book now Tour and tasting "
4630                class="more-btn tw-flex tw-justify-between tw-items-center tw-pl-3 tw-font-neutraface-display-bold tw-text-black tw-text-xs tw-uppercase tw-mt-10 tw-mb-[8px] tw-w-fit tw-h-[33px] tw-rounded-[33px] hover:tw-bg-black hover:tw-text-white tw-transition-all tw-duration-200 tw-ease-in mobile:tw-mt-7 slide-1   focus-visible:tw-bg-black focus-visible:tw-text-white" tabindex="0">
4631                
4632                    Book now
4633                    <?xml version="1.0" encoding="UTF-8"?>
4634                        <svg enable-background="new 0 0 221 221" role="presentation" version="1.1" viewBox="0 0 221 221" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="tw-w-[33px] tw-h-[33px] tw-ml-[15px]" alt="">
4635                        <style type="text/css"> 
4636                            .slide-1:hover svg path,
4637                            .slide-1:hover svg line,
4638                            .slide-1:focus-visible svg path,
4639                            .slide-1:focus-visible svg line { stroke: white;}                            
4640                            .st0{fill:none;stroke:#000000;stroke-width:6;stroke-miterlimit:10;}
4641                        </style>
4642                        <image transform="matrix(3.3321 0 0 3.3321 -66.456 -56.132)" width="117" height="94" display="none" overflow="visible" xlink:href="6959470A.jpg">
4643                        </image>
4644                        <line class="st0" x1="70.4" x2="150.6" y1="110.5" y2="110.5"/>
4645                        <path class="st0" d="m110.8 83.9s21.7 26.6 39.5 26.6"/>
4646                        <path class="st0" d="m110.2 137.1s22-26.6 40.1-26.6"/>
4647                        <circle class="st0" cx="110.5" cy="110.5" r="107.5"/>
4648                        </svg>
4649                </a>
4650
4651            
4652
4653        </div>
4654
4655      
4656
4657        <div class="home-slide tw-pl-[12px]">
4658            <h2 class="tw-flex tw-items-end tw-w-[342px] tw-font-made-saonara tw-font-normal tw-text-black tw-text-[35px] tw-leading-[42px] tw-uppercase tw-mb-3 mobile:tw-w-[300px]"> 
4659                Tre Rane Restaurant
4660            </h2>
4661            <div class="tw-w-[342px] tw-h-[400px] tw-overflow-hidden mobile:tw-w-[300px] mobile:tw-h-[348px] tw-relative group">
4662                
4663                <a href="/pages/tre-rane" aria-label="Tre Rane Restaurant More" class="tw-block tw-w-full tw-h-full focus-visible:tw-p-0.5 focus-visible:tw-border-4  tw-border-black" tabindex="-1" aira-hidden="true">
4664                    <img data-ot-ignore src="//www.ruffino.it/cdn/shop/files/PS1_0310_x440.jpg?v=1760965927" alt="Tre Rane Restaurant" class="tw-h-full tw-w-full tw-object-cover hover:tw-h-[110%] hover:tw-w-[110%] tw-transition-all tw-duration-200 tw-ease-in" loading="lazy">
4665                    
4666                        <img src="//www.ruffino.it/cdn/shop/files/Tre_Rane_Ruffino_Logo-06_1024x1024.png?v=1748514929" alt="Logo Overlay"  class="logo-overlay-images tw-z-[20] tw-h-auto tw-w-auto tw-max-h-[80%] tw-pointer-events-none tw-absolute tw-inset-0 tw-m-auto tw-opacity-0 group-hover:tw-opacity-100 tw-transition-opacity tw-duration-300" />
4667                    <div class="logo-overlay-bg tw-absolute tw-inset-0 tw-w-full tw-h-full tw-bg-black/50 tw-opacity-0 group-hover:tw-opacity-100 tw-transition-opacity tw-duration-300 tw-z-[10] tw-pointer-events-none"></div>
4668                    
4669                </a>
4670                
4671            </div>
4672            <p class="tw-w-[342px] tw-font-neutraface-display-light tw-text-black tw-text-xl tw-mt-7 mobile:tw-w-[300px]">Come and visit us at the Tre Rane Restaurant, where Tuscan cuisine becomes art.</p>
4673
4674            
4675
4676                <a href="/pages/tre-rane" aria-label="Book now Tre Rane Restaurant "
4677                class="more-btn tw-flex tw-justify-between tw-items-center tw-pl-3 tw-font-neutraface-display-bold tw-text-black tw-text-xs tw-uppercase tw-mt-10 tw-mb-[8px] tw-w-fit tw-h-[33px] tw-rounded-[33px] hover:tw-bg-black hover:tw-text-white tw-transition-all tw-duration-200 tw-ease-in mobile:tw-mt-7 slide-2   focus-visible:tw-bg-black focus-visible:tw-text-white" tabindex="0">
4678                
4679                    Book now
4680                    <?xml version="1.0" encoding="UTF-8"?>
4681                        <svg enable-background="new 0 0 221 221" role="presentation" version="1.1" viewBox="0 0 221 221" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="tw-w-[33px] tw-h-[33px] tw-ml-[15px]" alt="">
4682                        <style type="text/css"> 
4683                            .slide-2:hover svg path,
4684                            .slide-2:hover svg line,
4685                            .slide-2:focus-visible svg path,
4686                            .slide-2:focus-visible svg line { stroke: white;}                            
4687                            .st0{fill:none;stroke:#000000;stroke-width:6;stroke-miterlimit:10;}
4688                        </style>
4689                        <image transform="matrix(3.3321 0 0 3.3321 -66.456 -56.132)" width="117" height="94" display="none" overflow="visible" xlink:href="6959470A.jpg">
4690                        </image>
4691                        <line class="st0" x1="70.4" x2="150.6" y1="110.5" y2="
4691110.5"/>
4692                        <path class="st0" d="m110.8 83.9s21.7 26.6 39.5 26.6"/>
4693                        <path class="st0" d="m110.2 137.1s22-26.6 40.1-26.6"/>
4694                        <circle class="st0" cx="110.5" cy="110.5" r="107.5"/>
4695                        </svg>
4696                </a>
4697
4698            
4699
4700        </div>
4701
4702      
4703
4704        <div class="home-slide tw-pl-[12px]">
4705            <h2 class="tw-flex tw-items-end tw-w-[342px] tw-font-made-saonara tw-font-normal tw-text-black tw-text-[35px] tw-leading-[42px] tw-uppercase tw-mb-3 mobile:tw-w-[300px]"> 
4706                WINE RELAIS RUFFINO
4707            </h2>
4708            <div class="tw-w-[342px] tw-h-[400px] tw-overflow-hidden mobile:tw-w-[300px] mobile:tw-h-[348px] tw-relative group">
4709                
4710                <a href="/pages/winerelais-ruffino" aria-label="WINE RELAIS RUFFINO More" class="tw-block tw-w-full tw-h-full focus-visible:tw-p-0.5 focus-visible:tw-border-4  tw-border-black" tabindex="-1" aira-hidden="true">
4711                    <img data-ot-ignore src="//www.ruffino.it/cdn/shop/files/L1450984_x440.jpg?v=1756821140" alt="WINE RELAIS RUFFINO" class="tw-h-full tw-w-full tw-object-cover hover:tw-h-[110%] hover:tw-w-[110%] tw-transition-all tw-duration-200 tw-ease-in" loading="lazy">
4712                    
4713                        <img src="//www.ruffino.it/cdn/shop/files/Wine_Relais_Logo-06_1024x1024.png?v=1752054564" alt="Logo Overlay"  class="logo-overlay-images tw-z-[20] tw-h-auto tw-w-auto tw-max-h-[80%] tw-pointer-events-none tw-absolute tw-inset-0 tw-m-auto tw-opacity-0 group-hover:tw-opacity-100 tw-transition-opacity tw-duration-300" />
4714                    <div class="logo-overlay-bg tw-absolute tw-inset-0 tw-w-full tw-h-full tw-bg-black/50 tw-opacity-0 group-hover:tw-opacity-100 tw-transition-opacity tw-duration-300 tw-z-[10] tw-pointer-events-none"></div>
4715                    
4716                </a>
4717                
4718            </div>
4719            <p class="tw-w-[342px] tw-font-neutraface-display-light tw-text-black tw-text-xl tw-mt-7 mobile:tw-w-[300px]">The beauty of staying in a Renaissance villa surrounded by vineyards.</p>
4720
4721            
4722
4723                <a href="/pages/winerelais-ruffino" aria-label="Book now WINE RELAIS RUFFINO "
4724                class="more-btn tw-flex tw-justify-between tw-items-center tw-pl-3 tw-font-neutraface-display-bold tw-text-black tw-text-xs tw-uppercase tw-mt-10 tw-mb-[8px] tw-w-fit tw-h-[33px] tw-rounded-[33px] hover:tw-bg-black hover:tw-text-white tw-transition-all tw-duration-200 tw-ease-in mobile:tw-mt-7 slide-3   focus-visible:tw-bg-black focus-visible:tw-text-white" tabindex="0">
4725                
4726                    Book now
4727                    <?xml version="1.0" encoding="UTF-8"?>
4728                        <svg enable-background="new 0 0 221 221" role="presentation" version="1.1" viewBox="0 0 221 221" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="tw-w-[33px] tw-h-[33px] tw-ml-[15px]" alt="">
4729                        <style type="text/css"> 
4730                            .slide-3:hover svg path,
4731                            .slide-3:hover svg line,
4732                            .slide-3:focus-visible svg path,
4733                            .slide-3:focus-visible svg line { stroke: white;}                            
4734                            .st0{fill:none;stroke:#000000;stroke-width:6;stroke-miterlimit:10;}
4735                        </style>
4736                        <image transform="matrix(3.3321 0 0 3.3321 -66.456 -56.132)" width="117" height="94" display="none" overflow="visible" xlink:href="6959470A.jpg">
4737                        </image>
4738                        <line class="st0" x1="70.4" x2="150.6" y1="110.5" y2="110.5"/>
4739                        <path class="st0" d="m110.8 83.9s21.7 26.6 39.5 26.6"/>
4740                        <path class="st0" d="m110.2 137.1s22-26.6 40.1-26.6"/>
4741                        <circle class="st0" cx="110.5" cy="110.5" r="107.5"/>
4742                        </svg>
4743                </a>
4744
4745            
4746
4747        </div>
4748
4749       
4750
4751</div>
4752 
4753<div class="progress-template--16132051599535__home_horizontal_scroll_aRaDnw tw-block tw-relative tw-f-full tw-h-[1px] tw-bg-black tw-mb-7 tw-mt-14 tw-ml-[118px] mobile:tw-ml-[18px] mobile:tw-mt-10">   
4754<div class="progress-bar !tw-block tw-absolute tw-transition-all tw-duration-200 tw-ease-in tw-bg-black tw-h-[3px] tw-top-[-1px]" aria-label="progress bar" role="progressbar" aria-valuemin="0" aria-valuemax="100"></div>    
4755</div>  
4756
4757
4758<div id="progress-template--16132051599535__home_horizontal_scroll_aRaDnw" class="tw-ml-[118px] mobile:tw-ml-[18px] !tw-hidden">
4759</div>
4760</div>
4761<script>
4762
4763    document.querySelector('#home-slider-template--16132051599535__home_horizontal_scroll_aRaDnw-previous-slide').addEventListener('click', function() {
4764        $('#home-slider-template--16132051599535__home_horizontal_scroll_aRaDnw').slick('slickPrev');
4765    });
4766    document.querySelector('#home-slider-template--16132051599535__home_horizontal_scroll_aRaDnw-previous-slide').addEventListener('keydown', function(e) {
4767        if (e.key === 'Enter') {
4768            $('#home-slider-template--16132051599535__home_horizontal_scroll_aRaDnw').slick('slickPrev');
4769        }
4770    });
4771
4772    document.querySelector('#home-slider-template--16132051599535__home_horizontal_scroll_aRaDnw-next-slide').addEventListener('click', function() {
4773        $('#home-slider-template--16132051599535__home_horizontal_scroll_aRaDnw').slick('slickNext');
4774    });
4775    document.querySelector('#home-slider-template--16132051599535__home_horizontal_scroll_aRaDnw-next-slide').addEventListener('keydown', function(e) {
4776        if (e.key === 'Enter') {
4777            $('#home-slider-template--16132051599535__home_horizontal_scroll_aRaDnw').slick('slickNext');
4778        }
4779    });
4780
4781    $(document).ready(function() {
4782
4783        var $slider = $('#home-slider-template--16132051599535__home_horizontal_scroll_aRaDnw');
4784        
4785         $slider.on('setPosition', function(event, slick, currentSlide){
4786            var numItems = $('#progress-template--16132051599535__home_horizontal_scroll_aRaDnw li[role=presentation]').length;
4787            var activeDot = $('#progress-template--16132051599535__home_horizontal_scroll_aRaDnw li[role=presentation].slick-active').text();
4788            var percentBar = (activeDot / numItems) * 100;
4789            $('.progress-template--16132051599535__home_horizontal_scroll_aRaDnw .progress-bar').css('width',percentBar + '%')
4790            //alert(activeDot + '/' + numItems + ':' + percentBar);
4791        });
4792 
4793        $('#home-slider-template--16132051599535__home_horizontal_scroll_aRaDnw').slick({    
4794            slidesToShow: 5,
4795            slidesToScroll: 1,
4796            dots: true,
4797            centerMode: false,
4798            variableWidth: true,
4799            infinite: false,
4800            arrows: false,
4801            accessibility: false,        
4802            slide: '.home-slide', 
4803            appendDots: $('#progress-template--16132051599535__home_horizontal_scroll_aRaDnw'),   
4804            responsive: [                 
4805                {
4806                    breakpoint: 1920,
4807                    settings: {                 
4808                        slidesToShow: 4,
4809                        slidesToScroll: 1
4810                    }       
4811                },    
4812                {
4813                    breakpoint: 1520,
4814                    settings: {                 
4815                        slidesToShow: 3,
4816                        slidesToScroll: 1
4817                    }       
4818                },     
4819                {
4820                    breakpoint: 1100,
4821                    settings: {                 
4822                        slidesToShow: 2,
4823                        slidesToScroll: 1
4824                    }       
4825                },       
4826                {
4827                    breakpoint: 600,
4828                    settings: {                 
4829                        slidesToShow: 1,
4830                        slidesToScroll: 1
4831                    }       
4832                }
4833            ]         
4834        }); 
4835
4836        $('#home-slider-template--16132051599535__home_horizontal_scroll_aRaDnw').on('setPosition', function(event, slick, currentSlide){     
4837            
4838            $('.home-slide').removeAttr('tabindex');
4839          
4840            var noDots = $("#progress-template--16132051599535__home_horizontal_scroll_aRaDnw ul.slick-dots li").length           
4841            if (noDots <= 1) {
4842                $(".progress-template--16132051599535__home_horizontal_scroll_aRaDnw").hide();    
4843                $("#home-slider-template--16132051599535__home_horizontal_scroll_aRaDnw .slick-track").addClass('single-page');   
4844            } else {
4845                $(".progress-template--16132051599535__home_horizontal_scroll_aRaDnw").show();    
4846                $("#home-slider-template--16132051599535__home_horizontal_scroll_aRaDnw .slick-track").removeClass('single-page');  
4847            }   
4848            
4849            $('#home-slider-template--16132051599535__home_horizontal_scroll_aRaDnw p').each(function() {
4850                 maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
4851            });
4852  
4853            $('#home-slider-template--16132051599535__home_horizontal_scroll_aRaDnw p').each(function() {
4854                $(this).height(maxHeight);
4855            });     
4856        });
4857        
4858        $(window).on( "resize", function() {
4859             $('.home-slide').removeAttr('tabindex');
4860            var noDots = $("#progress-template--16132051599535__home_horizontal_scroll_aRaDnw ul.slick-dots li").length           
4861            if (noDots <= 1) { 
4862                $(".progress-template--16132051599535__home_horizontal_scroll_aRaDnw").hide();    
4863                $("#home-slider-template--16132051599535__home_horizontal_scroll_aRaDnw .slick-track").addClass('single-page');   
4864            } else {
4865                $(".progress-template--16132051599535__home_horizontal_scroll_aRaDnw").show();    
4866                $("#home-slider-template--16132051599535__home_horizontal_scroll_aRaDnw .slick-track").removeClass('single-page');  
4867            }      
4868        });
4869
4870        
4871
4872        var maxHeight = -1;
4873
4874        $('#home-slider-template--16132051599535__home_horizontal_scroll_aRaDnw h2').each(function() {
4875          maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
4876        });
4877     
4878        $('#home-slider-template--16132051599535__home_horizontal_scroll_aRaDnw h2').each(function() {
4879          $(this).height(maxHeight);
4880        });
4881
4882        var thumbPos = $('#home-slider-template--16132051599535__home_horizontal_scroll_aRaDnw h2').height() + ($('#home-slider-template--16132051599535__home_horizontal_scroll_aRaDnw img').height() / 2) - ($('#home-slider-template--16132051599535__home_horizontal_scroll_aRaDnw .mobile-thumb').height() / 3);
4883
4884        $('#home-slider-template--16132051599535__home_horizontal_scroll_aRaDnw .mobile-thumb').css('top',thumbPos);
4885        $('.home-slide').attr('aria-hidden','true');
4886
4887
4888     /* Start of heading animation script */
4889        var headingdiv = document.getElementById("horizontal-heading-div");
4890        if ($(window).width() <= 767) {
4891            headingdiv.dataset.animateType = "tw-animate-stripmarqueemobile";
4892        } else {
4893            headingdiv.dataset.animateType = "";
4894        }
4895        /* End of heading animation script */
4896
4897        
4898
4899      });
4900
4901</script>
4901
4902<style>
4903.group:hover .logo-overlay-images {opacity: 1;width: auto;max-height:80%;}
4904.group:hover .logo-overlay-bg {opacity: 1;display:block;}
4905</style>
4906<style> #shopify-section-template--16132051599535__home_horizontal_scroll_aRaDnw .mobile-thumb {/*display: none;*/} </style></div><section id="shopify-section-template--16132051599535__401fcd36-4c0b-4aa2-8863-378a2ec24e98" class="shopify-section section"><style>
4907    #shopify-section-template--16132051599535__401fcd36-4c0b-4aa2-8863-378a2ec24e98 {
4908        margin-top: 80px;
4909        margin-bottom: 60px;
4910      }
4911
4912      @media screen and (max-width: 767px) {
4913        #shopify-section-template--16132051599535__401fcd36-4c0b-4aa2-8863-378a2ec24e98 {
4914          display: none;
4915        }
4916      }
4917      .focus-underline:focus-visible h3{
4918      text-decoration:underline;
4919      }
4920</style>
4921<div class="grid-container">
4922    
4923        <div class="grid-box no-left-border" >
4924            <div class="box-content">
4925                <p class="home-grid-date tw-text-left tw-w-[342px] tw-font-neutraface-display-light tw-text-black tw-text-xl tw-mt-7 mobile:tw-w-[300px]">27 02 2026</p>
4926                <a tabindex="0" href="/blogs/news-blog/ruffino-enters-the-worlds-best-sommeliers-selection-with-alauda-and-romitorio-di-santedame" class="focus-underline focus-visible:tw-underline" aria-label="Ruffino enters the World's Best Sommeliers' Selection"><h3 class="tw-w-[342px] focus-visible:tw-underline tw-text-[#231f20] tw-font-made-saonara tw-uppercase tw-font-normal tw-text-[35px] tw-leading-[42px] mobile:tw-text-[30px] mobile:tw-leading-[35px] mobile:tw-w-[300px] tw-mt-3">Ruffino enters the World's Best Sommeliers' Selection</h3></a>
4927                
4928                    <p class="tw-text-left tw-w-[342px] tw-font-neutraface-display-light tw-text-black tw-text-xl tw-mt-7 mobile:tw-w-[300px]">A remarkable recognition for Alauda and Romitorio di Santedame</p>
4929      
4930            </div>
4931        </div>
4932    
4933        <div class="grid-box no-left-right-border" >
4934            <div class="box-content">
4935                <p class="home-grid-date tw-text-left tw-w-[342px] tw-font-neutraface-display-light tw-text-black tw-text-xl tw-mt-7 mobile:tw-w-[300px]">19 11 2025</p>
4936                <a tabindex="0" href="/blogs/news-blog/riserva-ducale-2021-nella-top-100-di-wine-spectator-un-traguardo-che-profuma-di-storia" class="focus-underline focus-visible:tw-underline" aria-label="Riserva Ducale 2021 in Wine Spectator’s Top 100"><h3 class="tw-w-[342px] focus-visible:tw-underline tw-text-[#231f20] tw-font-made-saonara tw-uppercase tw-font-normal tw-text-[35px] tw-leading-[42px] mobile:tw-text-[30px] mobile:tw-leading-[35px] mobile:tw-w-[300px] tw-mt-3">Riserva Ducale 2021 in Wine Spectator’s Top 100</h3></a>
4937                
4938                    <a href="/blogs/news-blog/riserva-ducale-2021-nella-top-100-di-wine-spectator-un-traguardo-che-profuma-di-storia" aria-label="Riserva Ducale 2021 in Wine Spectator’s Top 100" class="hover-arrow tw-hidden tw-relative tw-left-full minmax768:tw-left-[90%] -tw-mt-[70px] minmax768:-tw-mt-[40px] tw-w-[33px] minmax768:tw-w-[27px] tw-h-[33px] minmax768:tw-h-[27px]" tabindex="-1">
4939                      <svg enable-background="new 0 0 221 221" role="presentation" version="1.1" viewBox="0 0 221 221" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" alt="">
4940                        <style type="text/css">     
4941                            .box-content:hover svg path,
4942                            .box-content:hover svg line,
4943                            .box-content:focus-visible svg path,
4944                            .box-content:focus-visible svg line { stroke: white;}                       
4945                            .st01{fill:none;stroke:#ffffff;stroke-width:6;stroke-miterlimit:10;}
4946                        </style>
4947                        <image transform="matrix(3.3321 0 0 3.3321 -66.456 -56.132)" width="117" height="94" display="none" overflow="visible" xlink:href="6959470A.jpg">
4948                        </image>
4949                        <line class="st01" x1="70.4" x2="150.6" y1="110.5" y2="
4949110.5"/>
4950                        <path class="st01" d="m110.8 83.9s21.7 26.6 39.5 26.6"/>
4951                        <path class="st01" d="m110.2 137.1s22-26.6 40.1-26.6"/>
4952                        <circle class="st01" cx="110.5" cy="110.5" r="107.5"/>
4953                        </svg>
4954                    </a> 
4955                    
4956                    <p class="tw-text-left tw-w-[342px] tw-font-neutraface-display-light tw-text-black tw-text-xl tw-mt-7 mobile:tw-w-[300px]">"Intense red, with aromas of cherry, blackberry, and blood orange, enriched by notes of undergrowth and tobacco, with extraordinary length."</p>
4957      
4958            </div>
4959        </div>
4960    
4961        <div class="grid-box no-left-border no-top-border" >
4962            <div class="box-content">
4963                <p class="home-grid-date tw-text-left tw-w-[342px] tw-font-neutraface-display-light tw-text-black tw-text-xl tw-mt-7 mobile:tw-w-[300px]">24 07 2025</p>
4964                <a tabindex="0" href="/blogs/news-blog/ruffino-on-wine-spectator" class="focus-underline focus-visible:tw-underline" aria-label="Ruffino stands out in Wine Spectator"><h3 class="tw-w-[342px] focus-visible:tw-underline tw-text-[#231f20] tw-font-made-saonara tw-uppercase tw-font-normal tw-text-[35px] tw-leading-[42px] mobile:tw-text-[30px] mobile:tw-leading-[35px] mobile:tw-w-[300px] tw-mt-3">Ruffino stands out in Wine Spectator</h3></a>
4965                
4966                    <a href="/blogs/news-blog/ruffino-on-wine-spectator" aria-label="Ruffino stands out in Wine Spectator" class="hover-arrow tw-hidden tw-relative tw-left-full minmax768:tw-left-[90%] -tw-mt-[70px] minmax768:-tw-mt-[40px] tw-w-[33px] minmax768:tw-w-[27px] tw-h-[33px] minmax768:tw-h-[27px]" tabindex="-1">
4967                      <svg enable-background="new 0 0 221 221" role="presentation" version="1.1" viewBox="0 0 221 221" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" alt="">
4968                        <style type="text/css">     
4969                            .box-content:hover svg path,
4970                            .box-content:hover svg line,
4971                            .box-content:focus-visible svg path,
4972                            .box-content:focus-visible svg line { stroke: white;}                       
4973                            .st01{fill:none;stroke:#ffffff;stroke-width:6;stroke-miterlimit:10;}
4974                        </style>
4975                        <image transform="matrix(3.3321 0 0 3.3321 -66.456 -56.132)" width="117" height="94" display="none" overflow="visible" xlink:href="6959470A.jpg">
4976                        </image>
4977                        <line class="st01" x1="70.4" x2="150.6" y1="110.5" y2="110.5"/>
4978                        <path class="st01" d="m110.8 83.9s21.7 26.6 39.5 26.6"/>
4979                        <path class="st01" d="m110.2 137.1s22-26.6 40.1-26.6"/>
4980                        <circle class="st01" cx="110.5" cy="110.5" r="107.5"/>
4981                        </svg>
4982                    </a> 
4983                    
4984                    <p class="tw-text-left tw-w-[342px] tw-font-neutraface-display-light tw-text-black tw-text-xl tw-mt-7 mobile:tw-w-[300px]">Four Ruffino wines selected as best new releases by the editor of the August issue.</p>
4985      
4986            </div>
4987        </div>
4988    
4989        <div class="grid-box no-left-right-border no-top-border" >
4990            <div class="box-content">
4991                <p class="home-grid-date tw-text-left tw-w-[342px] tw-font-neutraface-display-light tw-text-black tw-text-xl tw-mt-7 mobile:tw-w-[300px]">21 03 2025</p>
4992                <a tabindex="0" href="/blogs/news-blog/riserva-ducale-oro-the-gold-fever" class="focus-underline focus-visible:tw-underline" aria-label="Riserva Ducale Oro: The Gold Fever"><h3 class="tw-w-[342px] focus-visible:tw-underline tw-text-[#231f20] tw-font-made-saonara tw-uppercase tw-font-normal tw-text-[35px] tw-leading-[42px] mobile:tw-text-[30px] mobile:tw-leading-[35px] mobile:tw-w-[300px] tw-mt-3">Riserva Ducale Oro: The Gold Fever</h3></a>
4993                
4994                    <a href="/blogs/news-blog/riserva-ducale-oro-the-gold-fever" aria-label="Riserva Ducale Oro: The Gold Fever" class="hover-arrow tw-hidden tw-relative tw-left-full minmax768:tw-left-[90%] -tw-mt-[70px] minmax768:-tw-mt-[40px] tw-w-[33px] minmax768:tw-w-[27px] tw-h-[33px] minmax768:tw-h-[27px]" tabindex="-1">
4995                      <svg enable-background="new 0 0 221 221" role="presentation" version="1.1" viewBox="0 0 221 221" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" alt="">
4996                        <style type="text/css">     
4997                            .box-content:hover svg path,
4998                            .box-content:hover svg line,
4999                            .box-content:focus-visible svg path,
5000                            .box-content:focus-visible svg line { stroke: white;}                       
5001                            .st01{fill:none;stroke:#ffffff;stroke-width:6;stroke-miterlimit:10;}
5002                        </style>
5003                        <image transform="matrix(3.3321 0 0 3.3321 -66.456 -56.132)" width="117" height="94" display="none" overflow="visible" xlink:href="6959470A.jpg">
5004                        </image>
5005                        <line class="st01" x1="70.4" x2="150.6" y1="110.5" y2="
5005110.5"/>
5006                        <path class="st01" d="m110.8 83.9s21.7 26.6 39.5 26.6"/>
5007                        <path class="st01" d="m110.2 137.1s22-26.6 40.1-26.6"/>
5008                        <circle class="st01" cx="110.5" cy="110.5" r="107.5"/>
5009                        </svg>
5010                    </a> 
5011                    
5012                    <p class="tw-text-left tw-w-[342px] tw-font-neutraface-display-light tw-text-black tw-text-xl tw-mt-7 mobile:tw-w-[300px]">A collectionable limited edition, produced exclusively in 1877 magnum bottles, inspired by the artwork The Gold Fever by Officine Saffi Lab.</p>
5013      
5014            </div>
5015        </div>
5016    
5017</div>
5018
5019<style>
5020    .grid-container {
5021        display: grid;
5022        grid-template-columns: repeat(2, 1fr);
5023        grid-template-rows: repeat(2, auto);
5024    }
5025    .grid-box {
5026        padding:60px 20px 50px 20px;
5027        border: 1px solid black;
5028    }
5029    .no-left-border {
5030        border-left: none;
5031    }
5032    .no-left-right-border {
5033        border-right: none; 
5034        border-left: none;
5035    }
5036    .no-top-border{
5037        border-top: none;
5038    }
5039    .box-content {
5040        align-items: center;
5041        justify-content: center;
5042        display: grid;
5043    }
5044    .grid-box:hover, .grid-box:focus, .grid-box:focus-visible {
5045        background-color:black;
5046        z-index: 11;
5047    }
5048    .grid-box:hover p, .grid-box:hover h3, .grid-box:focus p, .grid-box:focus h3, .grid-box:focus-visible p, .grid-box:focus-visible h3 {
5049        color:white;
5050    }
5051    .grid-box:hover .hover-arrow, .grid-box:focus .hover-arrow, .grid-box:focus-visible .hover-arrow {
5052      display: block;
5053    } 
5054    .grid-box:focus .box-content .hover-arrow, .grid-box:focus-visible .box-content .hover-arrow {
5055      outline: 0.2rem solid rgba(var(--color-foreground),.5);
5056      outline-offset: 0.3rem;
5057      box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),0 0 0.5rem 0.4rem rgba(var(--color-foreground),.3);
5058      outline-color: #000;
5059    }
5060    @media (device-width: 768px){
5061      .grid-box {
5062        padding: 60px 0px 50px 20px !important;
5063      }
5064    }
5065</style>
5066
5067
5068<script>
5069  const gridBoxes = document.querySelectorAll('.grid-box');
5070  gridBoxes.forEach((box) => {
5071    const anchorLink = box.querySelector('a');
5072    box.addEventListener('keydown', (event) => {
5073      if (event.keyCode === 13 || event.keyCode === 32) {
5074        anchorLink.click();
5075      }
5076    });
5077  }); 
5078</script>
5078</section><section id="shopify-section-template--16132051599535__533ed32a-7736-46bc-b026-cc33b4d635d1" class="shopify-section section"><style>
5079  #shopify-section-template--16132051599535__533ed32a-7736-46bc-b026-cc33b4d635d1 {
5080    margin-top: 60px;
5081    margin-bottom: 36px;
5082    position: relative;
5083  }
5084
5085  @media screen and (min-width: 767px) {
5086    #shopify-section-template--16132051599535__533ed32a-7736-46bc-b026-cc33b4d635d1 {
5087      display: none;
5088    }
5089  }
5090</style>
5091
5092
5093
5094
5095
5096<div class="mobile-thumb tw-flex tw-justify-center tw-items-center tw-w-[50px] tw-h-[50px] tw-bg-black/75 tw-absolute tw-rounded-[33px] tw-z-[1] tw-top-[260px] tw-right-[60px] mobile:tw-top-[140px] mobile:tw-right-[30px] tw-bg-black ">
5097  <div id="home-slider-template--16132051599535__533ed32a-7736-46bc-b026-cc33b4d635d1-previous-slide" aria-label="previous slide" class="tw-cursor-pointer prev-slider-arw" tabindex="0" role="button">
5098    <?xml version="1.0" encoding="UTF-8"?>
5099    <svg role="presentation" enable-background="new 0 0 221 221" version="1.1" viewBox="0 0 221 221" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="tw-scale-[-1] tw-w-[33px] tw-h-[33px]">     
5100      <style type="text/css">                                   
5101          .slider-arrow-svg{fill:none;stroke-width:6;stroke-miterlimit:10;}
5102          .tw-bg-black .slider-arrow-svg{stroke:#FFF;}
5103          .tw-bg-white .slider-arrow-svg{stroke:#000;}
5104      </style>           
5105      <image transform="matrix(3.3321 0 0 3.3321 -66.456 -56.132)" width="117" height="94" display="none" overflow="visible" xlink:href="6959470A.jpg">
5106      </image>
5107      <line class="slider-arrow-svg" x1="70.4" x2="150.6" y1="110.5" y2="110.5"/>
5108      <path class="slider-arrow-svg" d="m110.8 83.9s21.7 26.6 39.5 26.6"/>
5109      <path class="slider-arrow-svg" d="m110.2 137.1s22-26.6 40.1-26.6"/>            
5110    </svg>
5111  </div>
5112  <div id="home-slider-template--16132051599535__533ed32a-7736-46bc-b026-cc33b4d635d1-next-slide" aria-label="next slide" class="tw-cursor-pointer" tabindex="0" role="button">
5113    <?xml version="1.0" encoding="UTF-8"?>
5114    <svg role="presentation" enable-background="new 0 0 221 221" version="1.1" viewBox="0 0 221 221" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="tw-w-[33px] tw-h-[33px] tw-ml-[-14px]">
5115      <style type="text/css">                                   
5116      </style>
5117      <image transform="matrix(3.3321 0 0 3.3321 -66.456 -56.132)" width="117" height="94" display="none" overflow="visible" xlink:href="6959470A.jpg">
5118      </image>
5119      <line class="slider-arrow-svg" x1="70.4" x2="150.6" y1="110.5" y2="110.5"/>
5120      <path class="slider-arrow-svg" d="m110.8 83.9s21.7 26.6 39.5 26.6"/>
5121      <path class="slider-arrow-svg" d="m110.2 137.1s22-26.6 40.1-26.6"/>            
5122    </svg>
5123  </div>
5124</div>
5125<style>
5126  .prev-slider-arw:focus-visible{
5127    box-shadow:inset 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3);
5128    outline-offset: -7px;
5129   }
5130</style>
5131<div class="grid-container">
5132    
5133        <div class="mobile-grid-box no-left-border">
5134            <div class="box-content">
5135                <p class="home-grid-date tw-text-left tw-w-[342px] tw-font-neutraface-display-light tw-text-black tw-text-xl tw-mt-7 mobile:tw-w-[300px]">27 02 2026</p>
5136                <a href="/blogs/news-blog/ruffino-enters-the-worlds-best-sommeliers-selection-with-alauda-and-romitorio-di-santedame" aria-label="Ruffino enters the World's Best Sommeliers' Selection"><h3 class="tw-w-[342px] tw-text-[#231f20] tw-font-made-saonara tw-uppercase tw-font-normal tw-text-[35px] tw-leading-[42px] mobile:tw-text-[30px] mobile:tw-leading-[35px] mobile:tw-w-[300px] tw-mt-3">Ruffino enters the World's Best Sommeliers' Selection</h3></a>
5137                
5138                    <p class="tw-text-left tw-w-[342px] tw-font-neutraface-display-light tw-text-black tw-text-xl tw-mt-7 mobile:tw-w-[300px]">A remarkable recognition for Alauda and Romitorio di Santedame</p>
5139          
5140                    
5141                        <a href="/blogs/news-blog/ruffino-enters-the-worlds-best-sommeliers-selection-with-alauda-and-romitorio-di-santedame" aria-label="Ruffino enters the World's Best Sommeliers' Selection More"
5142                            class="more-btn tw-flex tw-justify-between tw-items-center tw-pl-3 tw-font-neutraface-display-bold tw-text-black tw-text-xs tw-uppercase tw-mt-10 tw-w-[100px] tw-h-[33px] tw-rounded-[33px] hover:tw-bg-black hover:tw-text-white tw-transition-all tw-duration-200 tw-ease-in mobile:tw-mt-7 slide-1   focus-visible:tw-bg-black focus-visible:tw-text-white" tabindex="0">
5143                            More
5144                             <?xml version="1.0" encoding="UTF-8"?>
5145                                <svg enable-background="new 0 0 221 221" role="presentation" version="1.1" viewBox="0 0 221 221" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="tw-w-[33px] tw-h-[33px]" alt="">
5146                                    <style type="text/css"> 
5147                                    .slide-1:hover svg path,
5148                                    .slide-1:hover svg line,
5149                                    .slide-1:focus-visible svg path,
5150                                    .slide-1:focus-visible svg line { stroke: white;}                            
5151                                    .home-slide.grid-animation-col .st0{fill:none;stroke:#000000;stroke-width:6;stroke-miterlimit:10;}
5152                                </style>
5153                                <image transform="matrix(3.3321 0 0 3.3321 -66.456 -56.132)" width="117" height="94" display="none" overflow="visible" xlink:href="6959470A.jpg">
5154                                </image>
5155                                <line class="st0" x1="70.4" x2="150.6" y1="110.5" y2="110.5"/>
5156                                <path class="st0" d="m110.8 83.9s21.7 26.6 39.5 26.6"/>
5157                                <path class="st0" d="m110.2 137.1s22-26.6 40.1-26.6"/>
5158                                <circle class="st0" cx="110.5" cy="110.5" r="107.5"/>
5159                                </svg> 
5160                        </a>
5161          
5162                    
5163            </div>
5164        </div>
5165    
5166        <div class="mobile-grid-box no-left-border">
5167            <div class="box-content">
5168                <p class="home-grid-date tw-text-left tw-w-[342px] tw-font-neutraface-display-light tw-text-black tw-text-xl tw-mt-7 mobile:tw-w-[300px]">19 11 2025</p>
5169                <a href="/blogs/news-blog/riserva-ducale-2021-nella-top-100-di-wine-spectator-un-traguardo-che-profuma-di-storia" aria-label="Riserva Ducale 2021 in Wine Spectator’s Top 100"><h3 class="tw-w-[342px] tw-text-[#231f20] tw-font-made-saonara tw-uppercase tw-font-normal tw-text-[35px] tw-leading-[42px] mobile:tw-text-[30px] mobile:tw-leading-[35px] mobile:tw-w-[300px] tw-mt-3">Riserva Ducale 2021 in Wine Spectator’s Top 100</h3></a>
5170                
5171                    <svg enable-background="new 0 0 221 221" role="presentation" version="1.1" viewBox="0 0 221 221" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="hover-arrow tw-hidden tw-relative tw-left-full -tw-mt-[100px] tw-w-[33px] tw-h-[33px]" alt="">
5172                      <style type="text/css">     
5173                          .box-content:hover svg path,
5174                          .box-content:hover svg line,
5175                          .box-content:focus-visible svg path,
5176                          .box-content:focus-visible svg line { stroke: white;}                       
5177                          .st01{fill:none;stroke:#ffffff;stroke-width:6;stroke-miterlimit:10;}
5178                      </style>
5179                      <image transform="matrix(3.3321 0 0 3.3321 -66.456 -56.132)" width="117" height="94" display="none" overflow="visible" xlink:href="6959470A.jpg">
5180                      </image>
5181                      <line class="st01" x1="70.4" x2="150.6" y1="110.5" y2="110.5"/>
5182                      <path class="st01" d="m110.8 83.9s21.7 26.6 39.5 26.6"/>
5183                      <path class="st01" d="m110.2 137.1s22-26.6 40.1-26.6"/>
5184                      <circle class="st01" cx="110.5" cy="110.5" r="107.5"/>
5185                      </svg>
5186                    
5187                    <p class="tw-text-left tw-w-[342px] tw-font-neutraface-display-light tw-text-black tw-text-xl tw-mt-7 mobile:tw-w-[300px]">"Intense red, with aromas of cherry, blackberry, and blood orange, enriched by notes of undergrowth and tobacco, with extraordinary length."</p>
5188          
5189                    
5190                        <a href="/blogs/news-blog/riserva-ducale-2021-nella-top-100-di-wine-spectator-un-traguardo-che-profuma-di-storia" aria-label="Riserva Ducale 2021 in Wine Spectator’s Top 100 More"
5191                            class="more-btn tw-flex tw-justify-between tw-items-center tw-pl-3 tw-font-neutraface-display-bold tw-text-black tw-text-xs tw-uppercase tw-mt-10 tw-w-[100px] tw-h-[33px] tw-rounded-[33px] hover:tw-bg-black hover:tw-text-white tw-transition-all tw-duration-200 tw-ease-in mobile:tw-mt-7 slide-2   focus-visible:tw-bg-black focus-visible:tw-text-white" tabindex="0">
5192                            More
5193                             <?xml version="1.0" encoding="UTF-8"?>
5194                                <svg enable-background="new 0 0 221 221" role="presentation" version="1.1" viewBox="0 0 221 221" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="tw-w-[33px] tw-h-[33px]" alt="">
5195                                    <style type="text/css"> 
5196                                    .slide-2:hover svg path,
5197                                    .slide-2:hover svg line,
5198                                    .slide-2:focus-visible svg path,
5199                                    .slide-2:focus-visible svg line { stroke: white;}                            
5200                                    .home-slide.grid-animation-col .st0{fill:none;stroke:#000000;stroke-width:6;stroke-miterlimit:10;}
5201                                </style>
5202                                <image transform="matrix(3.3321 0 0 3.3321 -66.456 -56.132)" width="117" height="94" display="none" overflow="visible" xlink:href="6959470A.jpg">
5203                                </image>
5204                                <line class="st0" x1="70.4" x2="150.6" y1="110.5" y2="
5204110.5"/>
5205                                <path class="st0" d="m110.8 83.9s21.7 26.6 39.5 26.6"/>
5206                                <path class="st0" d="m110.2 137.1s22-26.6 40.1-26.6"/>
5207                                <circle class="st0" cx="110.5" cy="110.5" r="107.5"/>
5208                                </svg> 
5209                        </a>
5210          
5211                    
5212            </div>
5213        </div>
5214    
5215        <div class="mobile-grid-box no-left-border">
5216            <div class="box-content">
5217                <p class="home-grid-date tw-text-left tw-w-[342px] tw-font-neutraface-display-light tw-text-black tw-text-xl tw-mt-7 mobile:tw-w-[300px]">24 07 2025</p>
5218                <a href="/blogs/news-blog/ruffino-on-wine-spectator" aria-label="Ruffino stands out in Wine Spectator"><h3 class="tw-w-[342px] tw-text-[#231f20] tw-font-made-saonara tw-uppercase tw-font-normal tw-text-[35px] tw-leading-[42px] mobile:tw-text-[30px] mobile:tw-leading-[35px] mobile:tw-w-[300px] tw-mt-3">Ruffino stands out in Wine Spectator</h3></a>
5219                
5220                    <svg enable-background="new 0 0 221 221" role="presentation" version="1.1" viewBox="0 0 221 221" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="hover-arrow tw-hidden tw-relative tw-left-full -tw-mt-[100px] tw-w-[33px] tw-h-[33px]" alt="">
5221                      <style type="text/css">     
5222                          .box-content:hover svg path,
5223                          .box-content:hover svg line,
5224                          .box-content:focus-visible svg path,
5225                          .box-content:focus-visible svg line { stroke: white;}                       
5226                          .st01{fill:none;stroke:#ffffff;stroke-width:6;stroke-miterlimit:10;}
5227                      </style>
5228                      <image transform="matrix(3.3321 0 0 3.3321 -66.456 -56.132)" width="117" height="94" display="none" overflow="visible" xlink:href="6959470A.jpg">
5229                      </image>
5230                      <line class="st01" x1="70.4" x2="150.6" y1="110.5" y2="110.5"/>
5231                      <path class="st01" d="m110.8 83.9s21.7 26.6 39.5 26.6"/>
5232                      <path class="st01" d="m110.2 137.1s22-26.6 40.1-26.6"/>
5233                      <circle class="st01" cx="110.5" cy="110.5" r="107.5"/>
5234                      </svg>
5235                    
5236                    <p class="tw-text-left tw-w-[342px] tw-font-neutraface-display-light tw-text-black tw-text-xl tw-mt-7 mobile:tw-w-[300px]">Four Ruffino wines selected as best new releases by the editor of the August issue.</p>
5237          
5238                    
5239                        <a href="/blogs/news-blog/ruffino-on-wine-spectator" aria-label="Ruffino stands out in Wine Spectator More"
5240                            class="more-btn tw-flex tw-justify-between tw-items-center tw-pl-3 tw-font-neutraface-display-bold tw-text-black tw-text-xs tw-uppercase tw-mt-10 tw-w-[100px] tw-h-[33px] tw-rounded-[33px] hover:tw-bg-black hover:tw-text-white tw-transition-all tw-duration-200 tw-ease-in mobile:tw-mt-7 slide-3   focus-visible:tw-bg-black focus-visible:tw-text-white" tabindex="0">
5241                            More
5242                             <?xml version="1.0" encoding="UTF-8"?>
5243                                <svg enable-background="new 0 0 221 221" role="presentation" version="1.1" viewBox="0 0 221 221" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="tw-w-[33px] tw-h-[33px]" alt="">
5244                                    <style type="text/css"> 
5245                                    .slide-3:hover svg path,
5246                                    .slide-3:hover svg line,
5247                                    .slide-3:focus-visible svg path,
5248                                    .slide-3:focus-visible svg line { stroke: white;}                            
5249                                    .home-slide.grid-animation-col .st0{fill:none;stroke:#000000;stroke-width:6;stroke-miterlimit:10;}
5250                                </style>
5251                                <image transform="matrix(3.3321 0 0 3.3321 -66.456 -56.132)" width="117" height="94" display="none" overflow="visible" xlink:href="6959470A.jpg">
5252                                </image>
5253                                <line class="st0" x1="70.4" x2="150.6" y1="110.5" y2="
5253110.5"/>
5254                                <path class="st0" d="m110.8 83.9s21.7 26.6 39.5 26.6"/>
5255                                <path class="st0" d="m110.2 137.1s22-26.6 40.1-26.6"/>
5256                                <circle class="st0" cx="110.5" cy="110.5" r="107.5"/>
5257                                </svg> 
5258                        </a>
5259          
5260                    
5261            </div>
5262        </div>
5263    
5264        <div class="mobile-grid-box no-left-border no-right-border">
5265            <div class="box-content">
5266                <p class="home-grid-date tw-text-left tw-w-[342px] tw-font-neutraface-display-light tw-text-black tw-text-xl tw-mt-7 mobile:tw-w-[300px]">21 03 2025</p>
5267                <a href="/blogs/news-blog/riserva-ducale-oro-the-gold-fever" aria-label="Riserva Ducale Oro: The Gold Fever"><h3 class="tw-w-[342px] tw-text-[#231f20] tw-font-made-saonara tw-uppercase tw-font-normal tw-text-[35px] tw-leading-[42px] mobile:tw-text-[30px] mobile:tw-leading-[35px] mobile:tw-w-[300px] tw-mt-3">Riserva Ducale Oro: The Gold Fever</h3></a>
5268                
5269                    <svg enable-background="new 0 0 221 221" role="presentation" version="1.1" viewBox="0 0 221 221" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="hover-arrow tw-hidden tw-relative tw-left-full -tw-mt-[100px] tw-w-[33px] tw-h-[33px]" alt="">
5270                      <style type="text/css">     
5271                          .box-content:hover svg path,
5272                          .box-content:hover svg line,
5273                          .box-content:focus-visible svg path,
5274                          .box-content:focus-visible svg line { stroke: white;}                       
5275                          .st01{fill:none;stroke:#ffffff;stroke-width:6;stroke-miterlimit:10;}
5276                      </style>
5277                      <image transform="matrix(3.3321 0 0 3.3321 -66.456 -56.132)" width="117" height="94" display="none" overflow="visible" xlink:href="6959470A.jpg">
5278                      </image>
5279                      <line class="st01" x1="70.4" x2="150.6" y1="110.5" y2="110.5"/>
5280                      <path class="st01" d="m110.8 83.9s21.7 26.6 39.5 26.6"/>
5281                      <path class="st01" d="m110.2 137.1s22-26.6 40.1-26.6"/>
5282                      <circle class="st01" cx="110.5" cy="110.5" r="107.5"/>
5283                      </svg>
5284                    
5285                    <p class="tw-text-left tw-w-[342px] tw-font-neutraface-display-light tw-text-black tw-text-xl tw-mt-7 mobile:tw-w-[300px]">A collectionable limited edition, produced exclusively in 1877 magnum bottles, inspired by the artwork The Gold Fever by Officine Saffi Lab.</p>
5286          
5287                    
5288                        <a href="/blogs/news-blog/riserva-ducale-oro-the-gold-fever" aria-label="Riserva Ducale Oro: The Gold Fever More"
5289                            class="more-btn tw-flex tw-justify-between tw-items-center tw-pl-3 tw-font-neutraface-display-bold tw-text-black tw-text-xs tw-uppercase tw-mt-10 tw-w-[100px] tw-h-[33px] tw-rounded-[33px] hover:tw-bg-black hover:tw-text-white tw-transition-all tw-duration-200 tw-ease-in mobile:tw-mt-7 slide-4   focus-visible:tw-bg-black focus-visible:tw-text-white" tabindex="0">
5290                            More
5291                             <?xml version="1.0" encoding="UTF-8"?>
5292                                <svg enable-background="new 0 0 221 221" role="presentation" version="1.1" viewBox="0 0 221 221" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="tw-w-[33px] tw-h-[33px]" alt="">
5293                                    <style type="text/css"> 
5294                                    .slide-4:hover svg path,
5295                                    .slide-4:hover svg line,
5296                                    .slide-4:focus-visible svg path,
5297                                    .slide-4:focus-visible svg line { stroke: white;}                            
5298                                    .home-slide.grid-animation-col .st0{fill:none;stroke:#000000;stroke-width:6;stroke-miterlimit:10;}
5299                                </style>
5300                                <image transform="matrix(3.3321 0 0 3.3321 -66.456 -56.132)" width="117" height="94" display="none" overflow="visible" xlink:href="6959470A.jpg">
5301                                </image>
5302                                <line class="st0" x1="70.4" x2="150.6" y1="110.5" y2="
5302110.5"/>
5303                                <path class="st0" d="m110.8 83.9s21.7 26.6 39.5 26.6"/>
5304                                <path class="st0" d="m110.2 137.1s22-26.6 40.1-26.6"/>
5305                                <circle class="st0" cx="110.5" cy="110.5" r="107.5"/>
5306                                </svg> 
5307                        </a>
5308          
5309                    
5310            </div>
5311        </div>
5312    
5313</div>
5314<div class="tw-relative">&nbsp;</div>
5315<style>
5316    .grid-container {
5317        display: grid;
5318        grid-template-columns: repeat(2, 1fr);
5319        grid-template-rows: repeat(2, auto);
5320    }
5321    .mobile-grid-box {
5322        padding:60px 20px 50px 20px;
5323        border: 1px solid black;
5324    }
5325    .no-left-border {
5326        border-left: none; /* remove the left border of the first and third grid boxes */
5327    }
5328    .no-right-border {
5329        border-right: none;
5330    }
5331    .box-content {
5332        align-items: center;
5333        justify-content: center;
5334        display: grid;
5335    }
5336    
5337      /* Add the following CSS for mobile devices only */
5338      @media (max-width: 767px) {
5339        .grid-container {
5340            display: flex;
5341            overflow-x: scroll;
5342            grid-template-columns: repeat(4, 1fr);
5343            scrollbar-width: none; /* hide scrollbar for Firefox */
5344            -ms-overflow-style: none; /* hide scrollbar for IE and Edge */
5345        }
5346        .grid-container::-webkit-scrollbar {
5347            display: none; /* hide scrollbar for Chrome, Safari, and Opera */
5348        }
5349        .mobile-grid-box {
5350            flex: 0 0 auto;
5351        }
5352    }
5353</style>
5354
5355<script>
5356  const blogSlides = document.querySelectorAll('#shopify-section-template--16132051599535__533ed32a-7736-46bc-b026-cc33b4d635d1 .mobile-grid-box');
5357  const blogContainer = document.querySelector('#shopify-section-template--16132051599535__533ed32a-7736-46bc-b026-cc33b4d635d1 .grid-container');
5358  const getVisibleIndexes = () => {
5359    const viewportWidth = window.innerWidth;
5360
5361    const visibleSlidesIndexes = [];
5362
5363    blogSlides.forEach((slide, index) => {
5364      let visibleWidth = 0;
5365      const { left, right } = slide.getBoundingClientRect();
5366      if ( (left < 0 && right < 0) || left > viewportWidth) {
5367        return;
5368      }
5369
5370      if (left < 0 ) {
5371        visibleWidth = right;
5372      } else if (right > viewportWidth) {
5373        visibleWidth = viewportWidth - left;
5374      } else {
5375        visibleWidth = slide.offsetWidth;
5376      }
5377
5378      if (visibleWidth > viewportWidth/2) {
5379        visibleSlidesIndexes.push(index);
5380      }
5381    });
5382    return visibleSlidesIndexes;
5383  };
5384
5385  const nextSlide = () => {
5386    const visibleIndexes = getVisibleIndexes();
5387    if (visibleIndexes.length === 0) {
5388      return;      
5389    }
5390    const lastVisibleIndex = visibleIndexes[visibleIndexes.length - 1];
5391    if (lastVisibleIndex < blogSlides.length - 1) {
5392      blogContainer.scrollTo({
5393        left: blogSlides[lastVisibleIndex + 1].offsetLeft,
5394        behavior: 'smooth'
5395      })
5396    }
5397    
5398  };
5399
5400  const previousSlide = () => {
5401    const visibleIndexes = getVisibleIndexes();
5402    if (visibleIndexes.length === 0) {
5403      return;
5404    }
5405    if (visibleIndexes[0] > 0) {
5406      blogContainer.scrollTo({
5407        left: blogSlides[visibleIndexes[0] - 1].offsetLeft,
5408        behavior: 'smooth'
5409      })
5410    }
5411  };
5412  document.addEventListener('DOMContentLoaded', () => {
5413    document.getElementById('home-slider-template--16132051599535__533ed32a-7736-46bc-b026-cc33b4d635d1-previous-slide').addEventListener('click', () => {
5414      previousSlide();
5415    });
5416    
5417    document.getElementById('home-slider-template--16132051599535__533ed32a-7736-46bc-b026-cc33b4d635d1-previous-slide').addEventListener('keydown', (e) => {
5418      if (e.key === 'Enter') {
5419        previousSlide();
5420      }
5421    });
5422
5423    document.getElementById('home-slider-template--16132051599535__533ed32a-7736-46bc-b026-cc33b4d635d1-next-slide').addEventListener('click', () => {
5424      nextSlide();
5425    });
5426
5427    document.getElementById('home-slider-template--16132051599535__533ed32a-7736-46bc-b026-cc33b4d635d1-next-slide').addEventListener('keydown', (e) => {
5428      if (e.key === 'Enter') {
5429        nextSlide();
5430      }
5431    });
5432  });
5433</script>
5433
5434
5435</section>
5436    </main>
5437    <section id="shopify-section-newsletter" class="shopify-section custom-newsletter">
5438<style data-shopify>
5439  .custom-newsletter-bg{
5440    
5441    background-color: #ffffff;
5442  }
5443  @media screen and (max-width: 767px) {
5444    
5445  }
5446  #footer-pre-newsletter {
5447    border-top: none!important;
5448  }
5449  .klaviyo-newsletter-footer{
5450    padding-top: 100px;
5451border-top: 1px solid #000;
5452  }
5453  .klaviyo-newsletter-footer a{font-weight: bold; text-decoration: underline;}
5454  .klaviyo-newsletter-footer a:hover{text-decoration: none;}
5455  .newsletterHeading{text-transform: uppercase;}
5456</style>
5457
5458<div class="custom-newsletter klaviyo-newsletter-footer custom-newsletter-bg tw-bg-newsletter-image-position tw-translate-z-0 tw-bg-no-repeat tw-bg-cover tw-h-auto tw-relative tw-mt-10 "> 
5459
5460<div class="footer-newsletter tw-max-w-newsletterMW tw-my-0 tw-mx-auto tw-w-full" >
5461  
5462  <div class="newsletterHead" contenteditable="false">
5463    <h2 class="newsletterHeading headingcolor tw-text-center tw-pl-3 mobile:tw-pl-0 tw-pb-[1rem] tw-pt-0 tw-font-made-saonara tw-tracking-normal tw-leading-[65px] tw-text-[55px] tw-font-normal max991:tw-text-[41px] max991:tw-leading-[46px] min1920:tw-text-[80px] min1920:tw-leading-[90px]">
5464      Join Our Newsletter
5465    </h2>
5466    <span class="newslettersubHeading tw-font-neutraface-display-light tw-text-[20px] tw-text-black"><p>Sign up to receive highlights, exclusive offers, and breaking news. <br/></p>
5467    </span>
5468  </div>
5469      <div class="error-success-message tw-text-center">
5470          <div aria-atomic="true" class="success-message tw-font-bold tw-pb-12"></div>
5471          <div aria-atomic="true" class="error-message tw-font-bold tw-pb-12"></div>
5472      </div>
5473
5474  <form id="RegisterForm" action="#" method="post">
5475    <div class="myvalidation" aria-atomic="true">
5476      <div class="form-wrapper">
5477        <input type="hidden" name="g" value="WHyHPC">
5478        <input type="hidden" name="$source" value="Newsletter Page">
5479        <input type="hidden" name="$fields" value="$source,firstname,lastname,birthdate,$zip,$country,$consent">
5480        
5481        <div class="form-wrapper-filed newsletter-second forn-newsletter-section tw-inline-block tw-flex-wrap tw-py-0 md:tw-px-8 lg:tw-px-0 mobile:tw-py-0 mobile:tw-pr-8 mobile:tw-w-full !tw-flex">
5482          <div class="full-input firstname-div tw-h-8 tw-mt-5 tw-mb-20 mobile:tw-min-w-full mobile:tw-max-w-full tw-relative firstnamefield mobile:tw-w-full">
5483            <label for="RegisterForm-firstname" class="tw-font-neutraface-display-light tw-text-[18px] tw-leading-[27px] tw-tracking-normal tw-font-bold tw-flex tw-mb-4">First Name*</label>
5484            <input type="text" name="firstname" id="RegisterForm-firstname" class="tw-font-neutraface-display-light height-field mewsletter-form-email adjust-width-email tw-pl-3 tw-bg-transparent tw-w-full tw-border-solid focus:tw-border-none tw-text-[18px] pl-3 mobile:tw-min-w-full mobile:tw-max-w-full tw-h-8 mobile:tw-h-12 mobile:tw-w-64" placeholder="" autocomplete="off" aria-required="true"/>
5485            </div>
5486
5487            <div class="full-input lastname-div tw-h-8 tw-mt-5 tw-mb-20 mobile:tw-min-w-full mobile:tw-max-w-full tw-relative lastnamefield mobile:tw-w-full">
5488            <label for="RegisterForm-lastname" class="tw-font-neutraface-display-light tw-text-[18px] tw-leading-[27px] tw-tracking-normal tw-font-bold tw-flex tw-mb-4">Last Name*</label>
5489            <input type="text" name="lastname" id="RegisterForm-lastname" class="tw-font-neutraface-display-light height-field mewsletter-form-email adjust-width-email tw-pl-3 tw-bg-transparent tw-w-full tw-border-solid focus:tw-border-none tw-text-[18px] pl-3 mobile:tw-min-w-full mobile:tw-max-w-full tw-h-8 mobile:tw-h-12 mobile:tw-w-64" placeholder="" autocomplete="off" aria-required="true"/>
5490            </div>
5491        </div>
5492
5493        <div class="form-wrapper-filed forn-newsletter-section tw-inline-block tw-flex-wrap tw-justify-evenly tw-py-0 md:tw-px-8 lg:tw-px-0 mobile:tw-py-0 mobile:tw-pr-8 mobile:tw-w-full">
5494          <div class="full-input email-div tw-h-8 tw-mt-5 tw-mb-20 mobile:tw-min-w-full mobile:tw-max-w-full tw-relative mobile:tw-w-full">
5495            <label for="RegisterForm-email" class="tw-font-neutraface-display-light tw-text-[18px] tw-leading-[27px] tw-tracking-normal tw-font-bold tw-flex tw-mb-4">Email address*</label>
5496            <input type="email" name="email" id="RegisterForm-email" autocorrect="off" autocapitalize="off" autocomplete="off" aria-required="true" placeholder="" class="tw-font-neutraface-display-light height-field mewsletter-form-email adjust-width-email tw-pl-3 tw-bg-transparent tw-w-full tw-border-solid focus:tw-border-none tw-text-[18px] pl-3 mobile:tw-min-w-full mobile:tw-max-w-full tw-h-8 mobile:tw-h-12 mobile:tw-w-64"/>
5497          </div>
5498          </div>
5499          <div class="form-wrapper-filed newsletter-second forn-newsletter-section t
5499w-inline-block tw-flex-wrap tw-py-0 md:tw-px-8 lg:tw-px-0 mobile:tw-py-0 mobile:tw-pr-8 mobile:tw-w-full !tw-flex">
5500          <div class="full-input dob-div tw-h-8 tw-mt-5 tw-mb-20 mobile:tw-min-w-full mobile:tw-max-w-full tw-relative dobfield mobile:tw-w-full">
5501            <label for="RegisterForm-birthdate" class="tw-font-neutraface-display-light tw-text-[18px] tw-leading-[27px] tw-tracking-normal tw-font-bold tw-flex tw-mb-4">Date of birth*</label>
5502            <input type="text" name="birthdate" class="tw-font-neutraface-display-light height-field mewsletter-form-email adjust-width-email tw-pl-3 tw-bg-transparent tw-w-full tw-border-solid focus:tw-border-none tw-text-[18px] pl-3 mobile:tw-min-w-full mobile:tw-max-w-full tw-h-8 mobile:tw-h-12 mobile:tw-w-64" id="RegisterForm-birthdate" placeholder="MM/DD/YYYY" autocomplete="off"/>
5503
5504          </div>
5505          <div class="full-input zip-div tw-h-8 tw-mt-5 tw-mb-20 mobile:tw-min-w-full mobile:tw-max-w-full tw-relative zipfield mobile:tw-w-full">
5506            <label for="RegisterForm-zip" class="tw-font-neutraface-display-light tw-text-[18px] tw-leading-[27px] tw-tracking-normal tw-font-bold tw-flex tw-mb-4">Zip code*</label>
5507            <input type="text" name="$zip" id="RegisterForm-zip" class="tw-font-neutraface-display-light height-field mewsletter-form-email adjust-width-email tw-pl-3 tw-bg-transparent tw-w-full tw-border-solid focus:tw-border-none tw-text-[18px] pl-3 mobile:tw-min-w-full mobile:tw-max-w-full tw-h-8 mobile:tw-h-12 mobile:tw-w-64" placeholder="" autocomplete="new-password" aria-required="true"/>
5508          </div>
5509        </div>
5510        <div class="form-wrapper-filed coutry-wrapper forn-newsletter-section tw-inline-block tw-flex-wrap tw-justify-evenly tw-py-0 tw-mb-20 md:tw-px-8 lg:tw-px-0 mobile:tw-py-0 mobile:tw-pr-8 mobile:tw-w-full">
5511          <label for="newsletter-country" class="country-label tw-font-neutraface-display-light tw-text-[18px] tw-leading-[27px] tw-tracking-normal tw-font-bold tw-flex tw-mb-4">Country*</label>
5512          <select name="country" id="newsletter-country">
5513          
5514            <option value="Select">Select</option>
5515          
5516            <option value="Afghanistan">Afghanistan</option>
5517          
5518            <option value="Albania">Albania</option>
5519          
5520            <option value="Algeria">Algeria</option>
5521          
5522            <option value="Andorra">Andorra</option>
5523          
5524            <option value="Angola">Angola</option>
5525          
5526            <option value="Antigua and Barbuda">Antigua and Barbuda</option>
5527          
5528            <option value="Argentina">Argentina</option>
5529          
5530            <option value="Armenia">Armenia</option>
5531          
5532            <option value="Australia">Australia</option>
5533          
5534            <option value="Austria">Austria</option>
5535          
5536            <option value="Azerbaijan">Azerbaijan</option>
5537          
5538            <option value="The Bahamas">The Bahamas</option>
5539          
5540            <option value="Bahrain">Bahrain</option>
5541          
5542            <option value="Bangladesh">Bangladesh</option>
5543          
5544            <option value="Barbados">Barbados</option>
5545          
5546            <option value="Belarus">Belarus</option>
5547          
5548            <option value="Belgium">Belgium</option>
5549          
5550            <option value="Belize">Belize</option>
5551          
5552            <option value="Benin">Benin</option>
5553          
5554            <option value="Bhutan">Bhutan</option>
5555          
5556            <option value="Bolivia">Bolivia</option>
5557          
5558            <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option>
5559          
5560            <option value="Botswana">Botswana</option>
5561          
5562            <option value="Brazil">Brazil</option>
5563          
5564            <option value="Brunei">Brunei</option>
5565          
5566            <option value="Bulgaria">Bulgaria</option>
5567          
5568            <option value="Burkina Faso">Burkina Faso</option>
5569          
5570            <option value="Burundi">Burundi</option>
5571          
5572            <option value="Cambodia">Cambodia</option>
5573          
5574            <option value="Cameroon">Cameroon</option>
5575          
5576            <option value="Canada">Canada</option>
5577          
5578            <option value="Cape Verde">Cape Verde</option>
5579          
5580            <option value="Central African Republic">Central African Republic</option>
5581          
5582            <option value="Chad">Chad</option>
5583          
5584            <option value="Chile">Chile</option>
5585          
5586            <option value="China">China</option>
5587          
5588            <option value="Colombia">Colombia</option>
5589          
5590            <option value="Comoros">Comoros</option>
5591          
5592            <option value="Congo (Republic of the)">Congo (Republic of the)</option>
5593          
5594            <option value="Congo (the Democratic Republic of the)">Congo (the Democratic Republic of the)</option>
5595          
5596            <option value="Costa Rica">Costa Rica</option>
5597          
5598            <option value="Cote d'Ivoire">Cote d'Ivoire</option>
5599          
5600            <option value="Croatia">Croatia</option>
5601          
5602            <option value="Cuba">Cuba</option>
5603          
5604            <option value="Cyprus">Cyprus</option>
5605          
5606            <option value="Czech Republic">Czech Republic</option>
5607          
5608            <option value="Denmark">Denmark</option>
5609          
5610            <option value="Djibouti">Djibouti</option>
5611          
5612            <option value="Dominica">Dominica</option>
5613          
5614            <option value="Dominican Republic">Dominican Republic</option>
5615          
5616            <option value="East Timor (Timor-Leste)">East Timor (Timor-Leste)</option>
5617          
5618            <option value="Ecuador">Ecuador</option>
5619          
5620            <option value="Egypt">Egypt</option>
5621          
5622            <option value="El Salvador">El Salvador</option>
5623          
5624            <option value="Equatorial Guinea">Equatorial Guinea</option>
5625          
5626            <option value="Eritrea">Eritrea</option>
5627          
5628            <option value="Estonia">Estonia</option>
5629          
5630            <option value="Ethiopia">Ethiopia</option>
5631          
5632            <option value="Fiji">Fiji</option>
5633          
5634            <option value="Finland">Finland</option>
5635          
5636            <option value="France">
5636France</option>
5637          
5638            <option value="Gabon">Gabon</option>
5639          
5640            <option value="The Gambia">The Gambia</option>
5641          
5642            <option value="Georgia">Georgia</option>
5643          
5644            <option value="Germany">Germany</option>
5645          
5646            <option value="Ghana">Ghana</option>
5647          
5648            <option value="Greece">Greece</option>
5649          
5650            <option value="Grenada">Grenada</option>
5651          
5652            <option value="Guatemala">Guatemala</option>
5653          
5654            <option value="Guinea">Guinea</option>
5655          
5656            <option value="Guinea-Bissau">Guinea-Bissau</option>
5657          
5658            <option value="Guyana">Guyana</option>
5659          
5660            <option value="Haiti">Haiti</option>
5661          
5662            <option value="Honduras">Honduras</option>
5663          
5664            <option value="Hungary">Hungary</option>
5665          
5666            <option value="Iceland">Iceland</option>
5667          
5668            <option value="India">India</option>
5669          
5670            <option value="Indonesia">Indonesia</option>
5671          
5672            <option value="Iran">Iran</option>
5673          
5674            <option value="Iraq">Iraq</option>
5675          
5676            <option value="Ireland">Ireland</option>
5677          
5678            <option value="Israel">Israel</option>
5679          
5680            <option value="Italy">Italy</option>
5681          
5682            <option value="Jamaica">Jamaica</option>
5683          
5684            <option value="Japan">Japan</option>
5685          
5686            <option value="Jordan">Jordan</option>
5687          
5688            <option value="Kazakhstan">Kazakhstan</option>
5689          
5690            <option value="Kenya">Kenya</option>
5691          
5692            <option value="Kiribati">Kiribati</option>
5693          
5694            <option value="Kosovo">Kosovo</option>
5695          
5696            <option value="Kuwait">Kuwait</option>
5697          
5698            <option value="Kyrgyzstan">Kyrgyzstan</option>
5699          
5700            <option value="Laos">Laos</option>
5701          
5702            <option value="Latvia">Latvia</option>
5703          
5704            <option value="Lebanon">Lebanon</option>
5705          
5706            <option value="Lesotho">Lesotho</option>
5707          
5708            <option value="Liberia">Liberia</option>
5709          
5710            <option value="Libya">Libya</option>
5711          
5712            <option value="Liechtenstein">Liechtenstein</option>
5713          
5714            <option value="Lithuania">Lithuania</option>
5715          
5716            <option value="Luxembourg">Luxembourg</option>
5717          
5718            <option value="Macedonia">Macedonia</option>
5719          
5720            <option value="Madagascar">Madagascar</option>
5721          
5722            <option value="Malawi">Malawi</option>
5723          
5724            <option value="Malaysia">Malaysia</option>
5725          
5726            <option value="Maldives">Maldives</option>
5727          
5728            <option value="Mali">Mali</option>
5729          
5730            <option value="Malta">Malta</option>
5731          
5732            <option value="Marshall Islands">Marshall Islands</option>
5733          
5734            <option value="Mauritania">Mauritania</option>
5735          
5736            <option value="Mauritius">Mauritius</option>
5737          
5738            <option value="Mexico">Mexico</option>
5739          
5740            <option value="Micronesia">Micronesia</option>
5741          
5742            <option value=" Federated States of"> Federated States of</option>
5743          
5744            <option value="Moldova">Moldova</option>
5745          
5746            <option value="Monaco">Monaco</option>
5747          
5748            <option value="Mongolia">Mongolia</option>
5749          
5750            <option value="Montenegro">Montenegro</option>
5751          
5752            <option value="Morocco">Morocco</option>
5753          
5754            <option value="Mozambique">Mozambique</option>
5755          
5756            <option value="Myanmar (Burma)">Myanmar (Burma)</option>
5757          
5758            <option value="Namibia">Namibia</option>
5759          
5760            <option value="Nauru">Nauru</option>
5761          
5762            <option value="Nepal">Nepal</option>
5763          
5764            <option value="Netherlands">Netherlands</option>
5765          
5766            <option value="New Zealand">New Zealand</option>
5767          
5768            <option value="Nicaragua">Nicaragua</option>
5769          
5770            <option value="Niger">Niger</option>
5771          
5772            <option value="Nigeria">Nigeria</option>
5773          
5774            <option value="North Korea">North Korea</option>
5775          
5776            <option value="Norway">Norway</option>
5777          
5778            <option value="Oman">Oman</option>
5779          
5780            <option value="Pakistan">Pakistan</option>
5781          
5782            <option value="Palau">Palau</option>
5783          
5784            <option value="Panama">Panama</option>
5785          
5786            <option value="Papua New Guinea">Papua New Guinea</option>
5787          
5788            <option value="Paraguay">Paraguay</option>
5789          
5790            <option value="Peru">Peru</option>
5791          
5792            <option value="Philippines">Philippines</option>
5793          
5794            <option value="Poland">Poland</option>
5795          
5796            <option value="Portugal">Portugal</option>
5797          
5798            <option value="Qatar">Qatar</option>
5799          
5800            <option value="Romania">Romania</option>
5801          
5802            <option value="Russia">Russia</option>
5803          
5804            <option value="Rwanda">Rwanda</option>
5805          
5806            <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option>
5807          
5808            <option value="Saint Lucia">Saint Lucia</option>
5809          
5810            <option value="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option>
5811          
5812            <option value="Samoa">Samoa</option>
5813          
5814            <option value="San Marino">San Marino</option>
5815          
5816            <option value="Sao Tome and Principe">Sao Tome and Principe</option>
5817          
5818            <option value="Saudi Arabia">Saudi Arabia</option>
5819          
5820            <option value="Senegal">Senegal</option>
5821          
5822            <option value="Serbia">Serbia</option>
5823          
5824            <option value="Seychelles">Seychelles</option>
5825          
5826            <option value="Sierra Leone">Sierra Leone</option>
5827          
5828            <option value="Singapore">Singapore</option>
5829          
5830            <option value="Slovakia">Slovakia</option>
5831          
5832            <option value="Slovenia">Slovenia</option>
5833          
5834            <option value="Solomon Islands">Solomon Islands</option>
5835          
5836            <option value="Somalia">Somalia</option>
5837          
5838            <option value="South Africa">South Africa</option>
5839          
5840            <option value="South Korea">South Korea</option>
5841          
5842            <option value="South Sudan">South Sudan</option>
5843          
5844            <option value="Spain">Spain</option>
5845          
5846            <option value="Sri Lanka">Sri Lanka</option>
5847          
5848            <option value="Sudan">Sudan</option>
5849          
5850            <option value="Suriname">Suriname</option>
5851          
5852            <option value="Swaziland">Swaziland</option>
5853          
5854            <option value="Sweden">Sweden</option>
5855          
5856            <option value="Switzerland">Switzerland</option>
5857          
5858            <option value="Syria">Syria</option>
5859          
5860            <option value="Taiwan">Taiwan</option>
5861          
5862            <option value="Tajikistan">Tajikistan</option>
5863          
5864            <option value="Tanzania">Tanzania</option>
5865          
5866            <option value="Thailand">Thailand</option>
5867          
5868            <option value="Togo">Togo</option>
5869          
5870            <option value="Tonga">Tonga</option>
5871          
5872            <option value="Trinidad and Tobago">Trinidad and Tobago</option>
5873          
5874            <option value="Tunisia">Tunisia</option>
5875          
5876            <option value="Turkey">Turkey</option>
5877          
5878            <option value="Turkmenistan">Turkmenistan</option>
5879          
5880            <option value="Tuvalu">Tuvalu</option>
5881          
5882            <option value="Uganda">Uganda</option>
5883          
5884            <option value="Ukraine">Ukraine</option>
5885          
5886            <option value="United Arab Emirates">United Arab Emirates</option>
5887          
5888            <option value="United Kingdom">United Kingdom</option>
5889          
5890            <option value="United States">United States</option>
5891          
5892            <option value="Uruguay">Uruguay</option>
5893          
5894            <option value="Uzbekistan">Uzbekistan</option>
5895          
5896            <option value="Vanuatu">Vanuatu</option>
5897          
5898            <option value="Vatican City (Holy See)">Vatican City (Holy See)</option>
5899          
5900            <option value="Venezuela">Venezuela</option>
5901          
5902            <option value="Vietnam">Vietnam</option>
5903          
5904            <option value="Yemen">Yemen</option>
5905          
5906            <option value="Zambia">Zambia</option>
5907          
5908            <option value="Zimbabwe">Zimbabwe</option>
5909          
5910        </select>
5911      </div>
5912
5913        <div class="checkBxDiv tw-tracking-normal tw-leading-none tw-flex tw-flex-col  md:tw-ml-8 mobile:tw-ml-0 tw-mb-0 tw-relative mobile:tw-px-8 mobile:tw-w-full mobile:tw-text-justify">
5914          <input role="checkbox" aria-required="true" tabindex="0" onclick="changeCheckbox(event)" onkeydown="changeCheckbox(event)" aria-describedby="newsletter_content" type="checkbox" id="RegisterForm-consent" name="$consent" value="accepted" role="Terms and Conditions" autocomplete="off" class="tw-min-w-5 tw-w-5 tw-min-h-5 tw-h-5 tw-text-[#EAE4D6] tw-form-checkbox tw-mr-0 !tw-w-5 tw-appearance-none tw-bg-transparent tw-rounded-none tw-border-solid tw-border-2 tw-border-[#fbf6e6] tw-place-content-center tw-h-5 tw-m-0 tw-absolute tw-text-current checked:tw-bg-checkbox-arrow focus:tw-outline-none"/>
5915          <label for="RegisterForm-consent" class="consent-text tw-leading-[21px] tw-tracking-normal tw-font-neutraface-display-light tw-text-[18px] tw-pl-12 tw-text-left" id="newsletter_content">
5916            <span class="emea-consent-text tw-hidden">I confirm that I have read and agree to <a href="/pages/privacy-policy" class="" target="_blank" title="Privacy Policy">Privacy Policy</a> and <a href="/pages/terms-of-use" class="" target="_blank" title="Terms of use">Terms of use</a>, and I consent to Tenute Ruffino’s and <a href="https://www.cbrands.com/collections/featured" target="_blank">other Constellation Brands brands'</a> use of my personal information for marketing and analytics purposes, including receiving targeted advertising, marketing and promotional communications and conversion of my email address into identifiers used for advertising purposes.</span>
5917            <span class="default-consent-text">I confirm that I have read and agree to <a href="/pages/privacy-notice" class="" target="_blank" title="Privacy Notice">Privacy Notice</a> and <a href="/pages/terms-and-conditions" class="" target="_blank" title="Website User Agreement">Website User Agreement</a>, and I consent to Tenute Ruffino’s and <a href="https://www.cbrands.com/collections/featured" target="_blank">other Constellation Brands brands'</a> use of my personal information for marketing and analytics purposes, including receiving targeted advertising, marketing and promotional communications and conversion of my email address into identifiers used for advertising purposes.</span>
5918          </label>
5919        </div>
5920        <div class="submitbtndiv tw-mt-8 tw-mb-10 btn-div tw-relative tw-text-center">
5921          <button type="submit" value="Subscribe" aria-label="Subscribe to newsletter" class="newsletter-submit-button section-button tw-pl-3 tw-flex tw-justify-between tw-items-center tw-font-neutraface-display-bold tw-text-black tw-text-xs tw-uppercase tw-w-[100px] tw-h-[33px] tw-rounded-[33px] hover:!tw-bg-black hover:!tw-text-white tw-transition-all tw-duration-200 tw-ease-in max991:tw-mt-10 focus-visible:!tw-bg-black focus-visible:!tw-text-white tw-w-auto min1920:tw-text-[14px] min1920:tw-leading-[20px]">Subscribe
5922          
5923          <svg role="presentation" alt="" enable-background="new 0 0 221 221" version="1.1" viewBox="0 0 221 221" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="tw-w-[33px] tw-h-[33px]" style="
5924            margin-left: 20px;
5925        ">
5926            <title>Arrow icon</title>
5927            <style type="text/css">     
5928                .section-button:hover svg path,
5929                .section-button:hover svg line,
5930                .section-button:focus-visible svg path,
5931                .section-button:focus-visible svg line { stroke: white;}                       
5932                .st0{fill:none;stroke:#000000;stroke-width:6;stroke-miterlimit:10;}
5933            </style>
5934            <image transform="matrix(3.3321 0 0 3.3321 -66.456 -56.132)" width="117" height="94" display="none" overflow="visible" xlink:href="6959470A.jpg">
5935            </image>
5936            <line class="st0" x1="70.4" x2="150.6" y1="110.5" y2="110.5"></line>
5937            <path class="st0" d="m110.8 83.9s21.7 26.6 39.5 26.6"></path>
5938            <path class="st0" d="m110.2 137.1s22-26.6 40.1-26.6"></path>
5939            <circle class="st0" cx="110.5" cy="110.5" r="107.5"></circle>
5940            </svg></button>
5941        </div>
5942      </div>
5943      <input id="currentPath" type="hidden" value="https://www.ruffino.it"/>
5944      <input id="sitelang" type="hidden" value="en"/>
5945    </div>
5946  </form>
5947</div>
5948<style>
5949  .newsletter-second{display: flex !important; justify-content: space-between;}
5950  #newsletter-country{
5951    border: 1px solid #000;
5952    color: #000;
5953    font-size: 18px;
5954    font-family: "Neutraface Display Light";
5955    font-weight: bold;
5956    width: 95%;
5957  }
5958  .country-label{width: 95%; color: #000; margin-left: auto; margin-right: auto;}
5959  .coutry-wrapper{margin-bottom:5rem !important;}
5960  .dobfield, .zipfield,.firstnamefield,.lastnamefield{width: 45%; padding-right: 2.5%; padding-left: 2.5%;}
5961  .email-div{padding-right: 2.5%; padding-left: 2.5%;}
5962</style>
5963<script data-ot-ignore src="//www.ruffino.it/cdn/shop/t/2/assets/jquery-validation.js?v=139521043800384540551699375256" defer></script>
vendor: 1 bytes, line 5963
5963
5964<script>
5965  const countryToIsoMap = {
5966    "Afghanistan": "AF",
5967    "Albania": "AL",
5968    "Algeria": "DZ",
5969    "Andorra": "AD",
5970    "Angola": "AO",
5971    "Antigua and Barbuda": "AG",
5972    "Argentina": "AR",
5973    "Armenia": "AM",
5974    "Australia": "AU",
5975    "Austria": "AT",
5976    "Azerbaijan": "AZ",
5977    "The Bahamas": "BS",
5978    "Bahrain": "BH",
5979    "Bangladesh": "BD",
5980    "Barbados": "BB",
5981    "Belarus": "BY",
5982    "Belgium": "BE",
5983    "Belize": "BZ",
5984    "Benin": "BJ",
5985    "Bhutan": "BT",
5986    "Bolivia": "BO",
5987    "Bosnia and Herzegovina": "BA",
5988    "Botswana": "BW",
5989    "Brazil": "BR",
5990    "Brunei": "BN",
5991    "Bulgaria": "BG",
5992    "Burkina Faso": "BF",
5993    "Burundi": "BI",
5994    "Cambodia": "KH",
5995    "Cameroon": "CM",
5996    "Canada": "CA",
5997    "Cape Verde": "CV",
5998    "Central African Republic": "CF",
5999    "Chad": "TD",
6000    "Chile": "CL",
6001    "China": "CN",
6002    "Colombia": "CO",
6003    "Comoros": "KM",
6004    "Congo (Republic of the)": "CG",
6005    "Congo (the Democratic Republic of the)": "CD",
6006    "Costa Rica": "CR",
6007    "Cote d'Ivoire": "CI",
6008    "Croatia": "HR",
6009    "Cuba": "CU",
6010    "Cyprus": "CY",
6011    "Czech Republic": "CZ",
6012    "Denmark": "DK",
6013    "Djibouti": "DJ",
6014    "Dominica": "DM",
6015    "Dominican Republic": "DO",
6016    "East Timor (Timor-Leste)": "TL",
6017    "Ecuador": "EC",
6018    "Egypt": "EG",
6019    "El Salvador": "SV",
6020    "Equatorial Guinea": "GQ",
6021    "Eritrea": "ER",
6022    "Estonia": "EE",
6023    "Ethiopia": "ET",
6024    "Fiji": "FJ",
6025    "Finland": "FI",
6026    "France": "FR",
6027    "Gabon": "GA",
6028    "The Gambia": "GM",
6029    "Georgia": "GE",
6030    "Germany": "DE",
6031    "Ghana": "GH",
6032    "Greece": "GR",
6033    "Grenada": "GD",
6034    "Guatemala": "GT",
6035    "Guinea": "GN",
6036    "Guinea-Bissau": "GW",
6037    "Guyana": "GY",
6038    "Haiti": "HT",
6039    "Honduras": "HN",
6040    "Hungary": "HU",
6041    "Iceland": "IS",
6042    "India": "IN",
6043    "Indonesia": "ID",
6044    "Iran": "IR",
6045    "Iraq": "IQ",
6046    "Ireland": "IE",
6047    "Israel": "IL",
6048    "Italy": "IT",
6049    "Jamaica": "JM",
6050    "Japan": "JP",
6051    "Jordan": "JO",
6052    "Kazakhstan": "KZ",
6053    "Kenya": "KE",
6054    "Kiribati": "KI",
6055    "Kosovo": "XK",
6056    "Kuwait": "KW",
6057    "Kyrgyzstan": "KG",
6058    "Laos": "LA",
6059    "Latvia": "LV",
6060    "Lebanon": "LB",
6061    "Lesotho": "LS",
6062    "Liberia": "LR",
6063    "Libya": "LY",
6064    "Liechtenstein": "LI",
6065    "Lithuania": "LT",
6066    "Luxembourg": "LU",
6067    "Macedonia": "MK",
6068    "Madagascar": "MG",
6069    "Malawi": "MW",
6070    "Malaysia": "MY",
6071    "Maldives": "MV",
6072    "Mali": "ML",
6073    "Malta": "MT",
6074    "Marshall Islands": "MH",
6075    "Mauritania": "MR",
6076    "Mauritius": "MU",
6077    "Mexico": "MX",
6078    "Micronesia, Federated States of": "FM",
6079    "Moldova": "MD",
6080    "Monaco": "MC",
6081    "Mongolia": "MN",
6082    "Montenegro": "ME",
6083    "Morocco": "MA",
6084    "Mozambique": "MZ",
6085    "Myanmar (Burma)": "MM",
6086    "Namibia": "NA",
6087    "Nauru": "NR",
6088    "Nepal": "NP",
6089    "Netherlands": "NL",
6090    "New Zealand": "NZ",
6091    "Nicaragua": "NI",
6092    "Niger": "NE",
6093    "Nigeria": "NG",
6094    "North Korea": "KP",
6095    "Norway": "NO",
6096    "Oman": "OM",
6097    "Pakistan": "PK",
6098    "Palau": "PW",
6099    "Panama": "PA",
6100    "Papua New Guinea": "PG",
6101    "Paraguay": "PY",
6102    "Peru": "PE",
6103    "Philippines": "PH",
6104    "Poland": "PL",
6105    "Portugal": "PT",
6106    "Qatar": "QA",
6107    "Romania": "RO",
6108    "Russia": "RU",
6109    "Rwanda": "RW",
6110    "Saint Kitts and Nevis": "KN",
6111    "Saint Lucia": "LC",
6112    "Saint Vincent and the Grenadines": "VC",
6113    "Samoa": "WS",
6114    "San Marino": "SM",
6115    "Sao Tome and Principe": "ST",
6116    "Saudi Arabia": "SA",
6117    "Senegal": "SN",
6118    "Serbia": "RS",
6119    "Seychelles": "SC",
6120    "Sierra Leone": "SL",
6121    "Singapore": "SG",
6122    "Slovakia": "SK",
6123    "Slovenia": "SI",
6124    "Solomon Islands": "SB",
6125    "Somalia": "SO",
6126    "South Africa": "ZA",
6127    "South Korea": "KR",
6128    "South Sudan": "SS",
6129    "Spain": "ES",
6130    "Sri Lanka": "LK",
6131    "Sudan": "SD",
6132    "Suriname": "SR",
6133    "Swaziland": "SZ",
6134    "Sweden": "SE",
6135    "Switzerland": "CH",
6136    "Syria": "SY",
6137    "Taiwan": "TW",
6138    "Tajikistan": "TJ",
6139    "Tanzania": "TZ",
6140    "Thailand": "TH",
6141    "Togo": "TG",
6142    "Tonga": "TO",
6143    "Trinidad and Tobago": "TT",
6144    "Tunisia": "TN",
6145    "Turkey": "TR",
6146    "Turkmenistan": "TM",
6147    "Tuvalu": "TV",
6148    "Uganda": "UG",
6149    "Ukraine": "UA",
6150    "United Arab Emirates": "AE",
6151    "United Kingdom": "GB",
6152    "United States": "US",
6153    "Uruguay": "UY",
6154    "Uzbekistan": "UZ",
6155    "Vanuatu": "VU",
6156    "Vatican City (Holy See)": "VA",
6157    "Venezuela": "VE",
6158    "Vietnam": "VN",
6159    "Yemen": "YE",
6160    "Zambia": "ZM",
6161    "Zimbabwe": "ZW"
6162};
6163
6164function getCountryIsoCode(countryName) {
6165  return countryToIsoMap[countryName] || "";
6166}
6167
6168  function displayNewsletterSuccessMessage(success_msg) {
6169    if (window.matchMedia('(max-width: 768px)').matches) {
6170      $('#RegisterForm span.error').css("padding-bottom", "6px");
6171      $('.myvalidation').css("margin-bottom", "0px");
6172    }
6173    $("#RegisterForm .success-message").fadeIn();
6174    $("#RegisterForm .success-message, .success-message").html(success_msg);
6175    $("#RegisterForm").trigger("reset");
6176    $('#RegisterForm-consent').attr('checked', false);
6177    $("#RegisterForm-firstname").focus();
6178    $("#RegisterForm .success-message,.custom-newsletter .success-message").fadeOut(8000);
6179    // Scroll to top of the newsletter section
6180    $('html, body').animate({
6181      scrollTop: $('.footer-newsletter').offset().top - 100
6182    }, 800);
6183  }
6184
6185  var lang = '/';
6186  console.log(lang,"lang");
6187  if(lang.includes("/it")){
6188    var firstNameRequiredMssg = "Nome obbligatorio";
6189    var lastNameRequiredMssg = "Cognome obbligatorio";
6190
6191    var email_err_required = "Fornisci il tuo indirizzo e-mail";
6192    var email_err_valid = "Il tuo indirizzo email deve essere nel formato [email protected]";
6193    var dob_err_required = "Si prega di fornire la data di nascita";
6194    var dob_err_valid_minAge = "Devi avere almeno 21 anni per iscriverti.";
6195    var dob_err_valid_maxAge = "Per favore inserisci UN ANNO VALIDO.";
6196    var dob_err_valid_dateFormat = "Inserisci una data valida nel formato MM|GG|AAAA";
6197    var zip_err_required = "Si prega di fornire il codice postale";
6198    var zip_err_valid = "Si prega di fornire un codice postale valido.";
6199    var country_err_required = "Si prega di selezionare un paese";
6200    var consent_err_required = "Si prega di selezionare la casella di consenso prima di inviare";
6201    var submit_success_msg = "Grazie per esserti iscritto!";
6202    var submit_failure_msg = "C'era un errore. Per favore riprova più tardi.";
6203  } else if(lang.includes("/de")){
6204    var firstNameRequiredMssg = "Vorname erforderlich";
6205    var lastNameRequiredMssg = "Nachname erforderlich";
6206    var email_err_required = "Bitte geben Sie Ihre E-Mail-Adresse an";
6207    var email_err_valid = "Ihre E-Mail-Adresse muss das Format [email protected] haben";
6208    var dob_err_required = "Bitte geben Sie Ihr Geburtsdatum an";
6209    var dob_err_valid_minAge = "Um sich anzumelden, müssen Sie mindestens 21 Jahre alt sein.";
6210    var dob_err_valid_maxAge = "Bitte ein gültiges Jahr eingeben.";
6211    var dob_err_valid_dateFormat = "Bitte geben Sie ein gültiges Datum im Format MM|TT|JJJJ ein";
6212    var zip_err_required = "Bitte geben Sie Ihre Postleitzahl an";
6213    var zip_err_valid = "Bitte geben Sie eine gültige Postleitzahl an.";
6214    var country_err_required = "Bitte wählen Sie ein Land aus";
6215    var consent_err_required = "Bitte aktivieren Sie vor dem Absenden das Kontrollkästchen für die Einwilligung";
6216    var submit_success_msg = "Danke fürs Abonnieren!";
6217    var submit_failure_msg = "Es gab einen Fehler. Bitte versuchen Sie es später noch einmal.";
6218  }else{
6219    var firstNameRequiredMssg = "First name required";
6220    var lastNameRequiredMssg = "Last name required";
6221
6222    var email_err_required = "Please provide your Email Address";
6223    var email_err_valid = "Your email address must be in the format of [email protected]";
6224    var dob_err_required = "Please provide your Date Of Birth";
6225    var dob_err_valid_minAge = "You must be 21 years or older to sign up.";
6226    var dob_err_valid_maxAge = "Please enter a valid year.";
6227    var dob_err_valid_dateFormat = "Please enter a valid date in MM|DD|YYYY format";
6228    var zip_err_required = "Please provide your Zip Code";
6229    var zip_err_valid = "Please provide a valid zipcode.";
6230    var country_err_required = "Please select a country";
6231    var consent_err_required = "Please check the consent box before submitting";
6232    var submit_success_msg = "Thank You for Subscribing!";
6233    var submit_failure_msg = "There was an error. Please try again later.";
6234  }
6235
6236  window.APP = {
6237    init: function () {
6238        this.formatDate()
6239        this.validateForm()
6240    },
6241
6242    formatDate: function () {
6243        var date = document.getElementById('RegisterForm-birthdate');
6244        function checkValue(str, max) {
6245            if (str.charAt(0) !== '0' || str == '00') {
6246                var num = parseInt(str);
6247                if (isNaN(num) || num <= 0 || num > max) num = 1;
6248                str = num > parseInt(max.toString().charAt(0)) && num.toString().length == 1 ? '0' + num : num.toString();
6249            };
6250            return str;
6251        };
6252
6253        date.addEventListener('input', function (e) {
6254            this.type = 'text';
6255            var input = this.value;
6256            if (/\D\/$/.test(input)) input = input.substr(0, input.length - 3);
6257            var values = input.split('/').map(function (v) {
6258                return v.replace(/\D/g, '')
6259            });
6260            if (values[0]) values[0] = checkValue(values[0], 12);
6261            if (values[1]) values[1] = checkValue(values[1], 31);
6262            var output = values.map(function (v, i) {
6263                return v.length == 2 && i < 2 ? v + ' / ' : v;
6264            });
6265            this.value = output.join('').substr(0, 14);
6266        });
6267
6268        date.addEventListener('blur', function (e) {
6269            this.type = 'text';
6270            var input = this.value;
6271            var values = input.split('/').map(function (v, i) {
6272                return v.replace(/\D/g, '')
6273            });
6274            var output = '';
6275
6276            if (values.length == 3) {
6277                var year = values[2].length !== 4 ? parseInt(values[2]) + 2000 : parseInt(values[2]);
6278                var month = parseInt(values[0]) - 1;
6279                var day = parseInt(values[1]);
6280                var d = new Date(year, month, day);
6281                if (!isNaN(d)) {
6282                    this.innerText = d.toString();
6283                    var dates = [d.getMonth() + 1, d.getDate(), d.getFullYear()];
6284                    output = dates.map(function (v) {
6285                        v = v.toString();
6286                        return v.length == 1 ? '0' + v : v;
6287                    }).join(' / ');
6288                };
6289            };
6290            this.value = output;
6291        });
6292    },
6293
6294    validateForm: function () {
6295        $.validator.addMethod("minAge", function (value, element, min) {
6296
6297            var today = new Date();
6298            var formattedValue = value.split(' / ').join('/');
6299            var birthDate = new Date(formattedValue);
6300            var age = today.getFullYear() - birthDate.getFullYear();
6301
6302            if (age > min + 1) {
6303                return true;
6304            }
6305
6306            var m = today.getMonth() - birthDate.getMonth();
6307
6308            if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {
6309                age--;
6310            }
6311
6312            return age >= min;
6313        }, "You must be at least 21 years old to enter");
6314
6315        $.validator.addMethod("zipcode", function (value, element) {
6316            return this.optional(element) || /^\d{5}(?:-\d{4})?$/.test(value);
6317        }, "Please provide a valid zipcode");
6318
6319        $.validator.addMethod("emailValidate", function (value, element) {
6320            return this.optional(element) || /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/i.test(value);
6321        }, "Please provide a valid email address");
6322
6323        $.validator.addMethod("firstnamealphabetic", function (value, element) {
6324           // Allow 1 or 2 words separated by a single space
6325           // Trim to prevent leading/trailing spaces from being valid
6326           return this.optional(element) || /^[a-zA-Z]+(\s[a-zA-Z]+)?$/.test(value.trim());
6327        }, "Please enter valid first name.");
6328
6329        $.validator.addMethod("alphabetic", function (value, element) {
6330            return this.optional(element) || /^[a-zA-Z]+$/.test(value);
6331        }, "Please enter valid last name.");
6332
6333         $.validator.addMethod("countryRequired", function (value, element) {
6334            return this.optional(element) || (value && value !== "Select");
6335        }, "Please select a country");
6336
6337        $.validator.addMethod(
6338            "maxAge",
6339            function (value, element, max) {
6340                var date = value.split("/");
6341                var m = parseInt(date[0], 10),
6342                    d = parseInt(date[1], 10),
6343                    y = parseInt(date[2], 10);
6344                return y >= max;
6345            },
6346            "Please enter a valid year."
6347        );
6348    }
6349}
6350
6351$(function () {
6352    APP.init();
6353    $(document).on("keydown", "#zip", function (e) {
6354        var ASCIICode = (e.which) ? e.which : e.keyCode
6355        if (ASCIICode > 31 && (ASCIICode < 48 || ASCIICode > 57))
6356            return false;
6357    });
6358});
6359
6360  $(document).ready(function () {
6361  $("#RegisterForm").validate({
6362    errorElement: "span",
6363    rules: {
6364      firstname: {
6365        required: true,
6366        firstnamealphabetic: true
6367      },
6368      lastname:{
6369        required: true,
6370        alphabetic: true
6371      },
6372      email: {
6373        required: true,
6374        emailValidate: true
6375      },
6376      birthdate: {
6377        required: true,
6378        minAge: 21,
6379        maxAge: 1910
6380      },
6381      $zip: {
6382        required: true,
6383        zipcode: true
6384      },
6385      country: {
6386        required: true,
6387        countryRequired: true
6388      },
6389      $consent: "required"
6390    },
6391    messages: {
6392      firstname:{
6393        required: firstNameRequiredMssg
6394      },
6395      lastname:{
6396        required: lastNameRequiredMssg
6397      },
6398      email: {
6399        required: email_err_required
6400      },
6401      birthdate: {
6402        required: dob_err_required,
6403        minAge: dob_err_valid_minAge,
6404        maxAge: dob_err_valid_maxAge
6405      },
6406      $zip: {
6407        required: zip_err_required
6408      },
6409       country: {
6410        required: country_err_required,
6411        countryRequired: country_err_required
6412      },
6413      $consent: consent_err_required
6414    },
6415    highlight: function(element, errorClass, validClass) {
6416      $(element).parent().addClass("error");
6417      $(element).addClass("inputerror");
6418      
6419      // Ensure aria-describedby is set during typing when error exists
6420      var fieldId = $(element).attr("id");
6421      var errorId = fieldId + "-error";
6422      if (!$(element).attr("aria-describedby")) {
6423        $(element).attr("aria-describedby", errorId);
6424      }
6425      
6426      $('.error').addClass('tw-text-white tw-font-normal tw-text-xs tw-relative tw-top-4');
6427      setTimeout(function(){
6428        $('.dob-div .error').addClass('!tw-absolute tw-block dob-error tw-top-28 mobile:tw-top-32');
6429       
6430      }, 10);
6431    },
6432    unhighlight: function(element, errorClass, validClass) {
6433      $(element).parent().removeClass("error");
6434      $(element).removeClass("inputerror");
6435      
6436      // Remove aria-describedby when error is cleared
6437      var fieldId = $(element).attr("id");
6438      var errorId = fieldId + "-error";
6439      if ($(element).attr("aria-describedby") === errorId) {
6440        $(element).removeAttr("aria-describedby");
6441      }
6442    },
6443    errorPlacement: function(error, element) {
6444      var fieldId = element.attr("id");
6445      var errorId = fieldId + "-error";
6446      
6447      // Add unique ID to error span
6448      error.attr("id", errorId);
6449      
6450      // Associate error with input field using aria-describedby
6451      element.attr("aria-describedby", errorId);
6452      
6453      $("#" + fieldId).parent().addClass("error");
6454      error.insertAfter(element);
6455    },
6456    invalidHandler: function(form, validator) {
6457      var errors = validator.numberOfInvalids();
6458      setTimeout(() => {
6459        $(".full-input .height-field").attr("tabindex", "0");
6460        $('#RegisterForm-email').attr("aria-invalid", "true");
6461        $('#RegisterForm-birthdate').attr("aria-invalid", "true");
6462        $('#RegisterForm-zip').attr("aria-invalid", "true");
6463        $('#RegisterForm-consent').attr("aria-invalid", "true");
6464        $('#RegisterForm-email').attr("aria-live", "assertive");
6465        $('#RegisterForm-birthdate').attr("aria-live", "assertive");
6466        $('#RegisterForm-zip').attr("aria-live", "assertive");
6467        $('#newsletter-country').attr("aria-live", "assertive");
6468        $('#RegisterForm-consent').attr("aria-live", "assertive");
6469      }, 100);
6470      if (errors) {
6471        validator.errorList[0].element.focus();
6472      }
6473    },
6474    submitHandler: function(form) {
6475      $('#RegisterForm .btn').attr("disabled", 'disabled');
6476      const country = document.getElementById('newsletter-country').value;
6477      const siteLanguage = document.getElementById('sitelang').value;
6478      if ([ 'United States' ].includes(country)) {
6479        $.ajax({
6480          type: 'post',
6481          url: 'https://manage.kmail-lists.com/ajax/subscriptions/subscribe',
6482          data: $(form).serialize(),
6483          success: function(response) {
6484            console.log(response);
6485            if (response.errors.length == 0) {
6486              displayNewsletterSuccessMessage(submit_success_msg);
6487            } else {
6488              $("#RegisterForm .error-message, .error-message").html("There was an error. Please try again later.");
6489              $("#RegisterForm .error-message, .error-message").fadeOut(8000);
6490              // Scroll to top of the newsletter section
6491              $('html, body').animate({
6492                scrollTop: $('.footer-newsletter').offset().top - 100
6493              }, 800);
6494            }
6495            setTimeout(() => {
6496              $('#RegisterForm .btn').removeAttr('disabled');
6497            }, 5000);
6498          },
6499          error: function(e) {
6500            console.log(e);
6501          }
6502        });
6503      } else {
6504        const formData = new FormData(form);
6505        const [ dobMonth, dobDay, dobYear ] = formData.get('birthdate').replaceAll(' ', '').split('/');
6506
6507        callVinora({
6508          email: formData.get('email'),
6509          first_name: formData.get('firstname'),
6510          last_name: formData.get('lastname'),
6511          dob: `${dobYear}-${dobMonth.padStart(2, '0')}-${dobDay.padStart(2, '0')}`,
6512          zip: formData.get('$zip'),
6513          newsletter: formData.get('$consent') === 'accepted' ? true : false,
6514          country_iso: getCountryIsoCode(country),
6515          language_iso: siteLanguage,
6516          tags:"Ruffino.it"
6517        });
6518      }
6519      
6520      return false;
6521    }
6522  });
6523  });
6524
6525 
6526
6527  $(".full-input input").focus(function() {
6528    $(this).closest('.full-input').addClass('active');
6529  });
6530
6531  $(".full-input input").blur(function() {
6532    if ($.trim($(this).val()) == '') {
6533      $(this).closest('.full-input').removeClass('active');
6534    }
6535  });
6536
6537  function isNumber(evt) {
6538    evt = (evt)
6539      ? evt
6540      : window.event;
6541    var charCode = (evt.which)
6542      ? evt.which
6543      : evt.keyCode;
6544    if (charCode > 31 && (charCode < 48 || charCode > 57)) {
6545      return false;
6546    }
6547    return true;
6548  }
6549
6550  function changeCheckbox(keyCode) {
6551    var element = document.getElementById("RegisterForm-consent");
6552    if (event.target.tagName.toLowerCase() === 'a') {
6553      if ((event.type == 'keydown' && event.which == 32) || (event.type == 'keydown' && event.which == 13) || event.type == 'click') {
6554        window.open(event.target.href, '_blank');
6555      }
6556      return;
6557    }
6558    
6559    // For click events, let the browser handle the toggle naturally
6560    if (event.type == 'click') {
6561      let item = $('#RegisterForm-consent');
6562      let parentItem = $('.checkBxDiv');
6563      
6564      // Update visual state based on the checkbox state after click
6565      setTimeout(function() {
6566        var isChecked = item.prop('checked');
6567        
6568        if (isChecked) {
6569          item.attr('checked', 'checked');
6570          //item.attr('aria-checked', 'true');
6571          element.classList.add("appearanceclass");
6572          element.classList.remove("hideappearanceclass");
6573          
6574          if (parentItem.find("span.error").length > 0) {
6575            parentItem.find("span.error").hide();
6576            parentItem.removeClass('error');
6577          }
6578        } else {
6579          item.removeAttr('checked');
6580          //item.removeAttr('aria-checked');
6581          element.classList.add("hideappearanceclass");
6582          element.classList.remove("appearanceclass");
6583          
6584          if (parentItem.find("span.error").length > 0) {
6585            parentItem.find("span.error").show();
6586            if (!parentItem.hasClass('error')) 
6587              parentItem.addClass('error');
6588          }
6589        }
6590      }, 0);
6591      return;
6592    }
6593    
6594    // For keyboard events (Space or Enter), prevent default and manually toggle
6595    if ((event.type == 'keydown' && event.which == 32) || (event.type == 'keydown' && event.which == 13)) {
6596      event.stopPropagation();
6597      event.preventDefault();
6598      
6599      let item = $('.checkBxDiv #RegisterForm-consent');
6600      let parentItem = $('.checkBxDiv');
6601      
6602      // Check current state
6603      var isChecked = item.prop('checked') || element.classList.contains("appearanceclass");
6604      
6605      if (isChecked) {
6606        item.prop('checked', false);
6607        item.removeAttr('checked');
6608        //item.removeAttr('aria-checked');
6609        element.classList.add("hideappearanceclass");
6610        element.classList.remove("appearanceclass");
6611
6612        if (parentItem.find("span.error").length > 0) {
6613          parentItem.find("span.error").show();
6614          if (!parentItem.hasClass('error')) 
6615            parentItem.addClass('error');
6616        }
6617      } else {
6618        item.prop('checked', true);
6619        item.attr('checked', 'checked');
6620        //item.attr('aria-checked', 'true');
6621        element.classList.add("appearanceclass");
6622        element.classList.remove("hideappearanceclass");
6623
6624        if (parentItem.find("span.error").length > 0) {
6625          parentItem.find("span.error").hide();
6626          parentItem.removeClass('error');
6627        }
6628      }
6629    }
6630  }
6631
6632  async function callVinora(form) {
6633    const { email, dob, zip, newsletter, country_iso, first_name, last_name, language_iso, tags } = form;
6634    try {
6635      const response = await fetch(`https://campaignv2.cbrands.com/v2/ruffino/vinora`, {
6636        method: 'POST',
6637        body: JSON.stringify({
6638          first_name,
6639          last_name,
6640          email,
6641          dob,
6642          zip,
6643          newsletter,
6644          country_iso,
6645          language_iso,
6646          tags,
6647          shop_url: Shopify.shop,
6648        }),
6649        headers: {
6650            'Content-Type': 'application/json',
6651            'Authorization': `Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzaG9wIjoicnVmZmluby1nbG9iYWwubXlzaG9waWZ5LmNvbSIsImlhdCI6MTcyOTc2Mzk1NiwiZXhwIjoxNzI5NzY3NTU2fQ.DcctcplBPOZHP8P_lgnNq00_T4uooezlTK6hfsggLqc`
6652        },
6653      });
6654      const responseJson = await response.json();
6655      if (responseJson.success == "true") {
6656        console.log('vinora');
6657        displayNewsletterSuccessMessage(submit_success_msg);
6658      } else {
6659        $("#RegisterForm .error-message, .error-message").fadeIn();
6660        $("#RegisterForm .error-message, .error-message").html("There was an error. Please try again later.");
6661        $("#RegisterForm .error-message, .error-message").fadeOut(8000);
6662      }
6663
6664      return responseJson;
6665    } catch(e) {
6666      console.error(e);
6667      ("#RegisterForm .error-message, .error-message").html("There was an error. Please try again later.");
6668      $("#RegisterForm .error-message, .error-message").fadeOut(8000);
6669    } finally {
6670      setTimeout(() => {
6671        $('#RegisterForm .btn').removeAttr('disabled');
6672      }, 5000);
6673    }
6674  }
6675</script>
6675
6676<style>
6677  input#RegisterForm-birthdate::placeholder {
6678      color: #000000;
6679      border-color: #000000;
6680    }
6681  .newsletterHeading {
6682    color: #000000;
6683  }
6684  .form-wrapper-filed .full-input input {
6685      color: #000000;
6686      border-color: #000000;
6687  }
6688  .form-wrapper-filed .full-input label {
6689    color: #000000;
6690  }
6691  .form-wrapper-filed .full-input span.error,
6692  .checkBxDiv span.error,
6693  .form-wrapper-filed span.error {
6694    color: #a94442
6695  }
6696  .checkBxDiv input[type=checkbox] {
6697    border: #000000 3px solid;
6698  }
6699  .checkBxDiv .error {
6700    order: 2;
6701  }
6702  .checkBxDiv label,
6703  .success-message,
6704  .error-message {
6705    color: #000000;
6706  }
6707  .footer-newsletter .form-wrapper .btn-div .btn {
6708    background-color: ;
6709    color: #000000;
6710    border-color: ;
6711  }
6712  .footer-newsletter .form-wrapper .btn-div .btn:focus {  
6713    outline: 4px solid #fff!important;
6714    border: 2px solid #000 !important;
6715}
6716</style>
6717<style data-shopify>
6718:root {
6719  --newsletter-background-image: url('//www.ruffino.it/cdn/shopifycloud/storefront/assets/no-image-2048-a2addb12.gif');
6720  --checked-arrow-image: url('//www.ruffino.it/cdn/shop/t/2/assets/arrow-svg.svg?v=112944795409926824001699375257');
6721}
6722.checkBxDiv input[type=checkbox]:focus-visible, .footer-newsletter .form-wrapper .btn-div .btn:focus-visible, .form-wrapper-filed .full-input input:focus-visible {
6723    outline: 4px solid #000!important;
6724}
6725.checkBxDiv input[aria-checked="true"] {
6726  background: --checked-arrow-image;
6727}
6728</style>
6729<style>
6730  .newsletter-submit-button{margin:0 auto;}
6731  .mewsletter-form-email{border-bottom-width: 1px;}
6732  .forn-newsletter-section, .newslettersubHeading{max-width: 500px; width:100%; margin:0 auto; display: block; text-align: center; }
6733  #RegisterForm{text-align: center;}
6734  #shopify-section-newsletter{
6735    argin-bottom: 40px;
6736   /* border-top: 2px solid #000; */
6737    padding-top: 70px;
6738  }
6739    .removeChecked::before {
6740        content: none;
6741    }
6742    input[type=checkbox] {
6743        -webkit-appearance:none;
6744        appearance:none;
6745        color: currentColor;
6746        border-radius: 0;
6747        transform: translateY(-0.075em);
6748        display: inline-grid;
6749        place-content: center;
6750        position: absolute;
6751    }
6752    input[type="checkbox"]::before {
6753        content: "";
6754        width: 20px;
6755        height: 20px;
6756        transform: scale(0);
6757        transition: 120ms transform ease-in-out;
6758        box-shadow: inset 1em 1em var(--form-control-color);
6759        transform-origin: bottom left;
6760        clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
6761       /* background-color: white;*/
6762    }
6763    [aria-checked="true"]::before {
6764        transform: scale(1) !important;
6765    }
6766    [aria-checked="false"]::before {
6767    }
6768    input[type="checkbox"]:checked::before {
6769        transform: scale(0) !important;
6770        background-color: #fbf6e6 !important;
6771    }
6772   
6773    @media screen and (forced-colors: active) {
6774        .checkBxDiv input[type=checkbox]:checked {
6775            mix-blend-mode: difference !important;
6776            /* background-color: black !important; */
6777        }
6778       input[type="checkbox"]:checked::before {
6779            transform: scale(0) !important;
6780            background-color: #fbf6e6 !important;
6781        }
6782        [aria-checked="true"]::before {
6783            filter: invert(1);
6784        }
6785   }
6786  .dob-error{top:5rem !important;}
6787  @media (max-width: 767px) {
6788    .dob-error{top:6rem !important;}
6789  }
6790</style>
6791
6792</div>
6793
6794<script>
6795  $.browser.chrome = $.browser.webkit && !!window.chrome;
6796        $.browser.safari = $.browser.webkit && !window.chrome;
6797        if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
6798            $('body').addClass('mobile');
6799        }
6800        if ($.browser.chrome) {
6801            $('body').addClass('chrome');
6802        }
6803        if ($.browser.safari) {
6804            $('body').addClass('safari');
6805        }
6806</script>
6806
6807
6808<style>
6809
6810</style></section>
6811    <div id="shopify-section-ruffino-experience-footer-text" class="shopify-section">
6812
6813
6814</div>
6815    <div id="shopify-section-footer" class="shopify-section">
6816<link href="//www.ruffino.it/cdn/shop/t/2/assets/section-footer.css?v=45194546789083642521699375256" rel="stylesheet" type="text/css" media="all" />
6817<link rel="stylesheet" href="//www.ruffino.it/cdn/shop/t/2/assets/component-list-menu.css?v=123066027007928327391699375258" media="print" onload="this.media='all'">
6818<link rel="stylesheet" href="//www.ruffino.it/cdn/shop/t/2/assets/component-list-payment.css?v=83889194677897977231699375258" media="print" onload="this.media='all'">
6819<link rel="stylesheet" href="//www.ruffino.it/cdn/shop/t/2/assets/component-list-social.css?v=3712777653059651001699375251" media="print" onload="this.media='all'">
6820<link rel="stylesheet" href="//www.ruffino.it/cdn/shop/t/2/assets/component-rte.css?v=4665830200933978791700545470" media="print" onload="this.media='all'">
6821<link rel="stylesheet" href="//www.ruffino.it/cdn/shop/t/2/assets/disclosure.css?v=59086749728480537781699375256" media="print" onload="this.media='all'">
6822
6823
6824<noscript><link href="//www.ruffino.it/cdn/shop/t/2/assets/component-list-menu.css?v=123066027007928327391699375258" rel="stylesheet" type="text/css" media="all" /></noscript>
6825<noscript><link href="//www.ruffino.it/cdn/shop/t/2/assets/component-list-payment.css?v=83889194677897977231699375258" rel="stylesheet" type="text/css" media="all" /></noscript>
6826<noscript><link href="//www.ruffino.it/cdn/shop/t/2/assets/component-list-social.css?v=3712777653059651001699375251" rel="stylesheet" type="text/css" media="all" /></noscript>
6827<noscript><link href="//www.ruffino.it/cdn/shop/t/2/assets/component-rte.css?v=4665830200933978791700545470" rel="stylesheet" type="text/css" media="all" /></noscript>
6828<noscript><link href="//www.ruffino.it/cdn/shop/t/2/assets/disclosure.css?v=59086749728480537781699375256" rel="stylesheet" type="text/css" media="all" /></noscript><style data-shopify>.footer {
6829    margin-top: 36px;
6830  }
6831  
6832  
6833    .where-to-buy-link{
6834      display:none !important;
6835    }
6836    .wine-club-link{
6837        display:none!important;
6838    }
6839    .nav-head .gchild_Bolgheri_DOCG,.nav-head .gchild_Rosso_di_Montepulciano_DOC,.nav-head .gchild_Morellino_di_Scansano_DOCG,.nav-head .gchild_Chianti_Classico_DOP,.nav-head .gchild_Vino_Nobile_di_Montepulciano_DOCG,.nav-head .gchild_La_Solatìa,.nav-head .gchild_Montepulciano,.nav-head .gchild_Bolgheri,.nav-head .gchild_Spirits_and_Dessert_Wines,.nav-head .gchild_Olive_Oils,.nav-head .gchild_Spirits_e_vini_da_dessert,.nav-head .gchild_Olio_extravergine_di_oliva,.nav-head .gchild_Spirituosen_und_dessertweine,.nav-head .gchild_Olivenol {
6840
6841      display:none;
6842    }
6843    .report-a-problem{
6844      display:none;
6845    }
6846
6847    .work-with-us{
6848      display:none;
6849    }
6850
6851    .privacy-notice{
6852      display:none;
6853    }
6854
6855    .privacy-policy{
6856      display:none;
6857    }
6858    .privacy-policy-new{
6859      display:none;
6860    }
6861    .privacy-policy-ca,
6862    .cookie-policy-ca,
6863    .terms-of-use-ca
6864    {
6865      display:none;
6866    }
6867    .where-to-buy{
6868      display:none;
6869    }   
6870    .cookies-policy{
6871      display:none;
6872    }
6873    .cookies-policy-new{
6874      display:none;
6875    }
6876    .cookie-list{
6877      display:none;
6878    }
6879    .terms-of-use, .terms-and-conditions-of-experience-reservation, .terms-and-conditions-of-sale{ display: none;}
6880    .shop-link{
6881      display:none!important;
6882    }
6883  
6884
6885  .section-footer-padding {
6886    padding-top: 75px;
6887    padding-bottom: 27px;
6888  }
6889  /* .page-width {
6890    border-bottom: 2px solid #fff;
6891  } */
6892
6893  .footer_aside {
6894    justify-content: center;
6895  }
6896  .list-social__link {
6897    padding: 15px 17px 15px 0;
6898  }
6899  .color-footer {
6900      background-color: #1e1e1e;
6901    }
6902
6903  
6904  .localization-form .disclosure__link{
6905    color: black;
6906  }
6907
6908  .localization-form .localization-selector{
6909    background: none;
6910    margin: 0 !important;
6911  }
6912
6913  .localization-form .localization-selector:after{
6914    box-shadow: none;
6915  }
6916
6917  .footer_main .footer-logo:focus-visible{
6918    outline: auto;
6919    box-shadow: none;
6920    outline-offset: -0.2rem
6921  }
6922  @media screen and (min-width: 990px) {
6923    .localization-form:only-child{
6924      padding: 0;
6925    }
6926
6927    .localization-form .disclosure__list-wrapper{
6928      bottom: auto !important;
6929      top: auto !important;
6930    }
6931  }
6932
6933  @media screen and (max-width: 991px) {
6934    #ul-footer>li:last-child {
6935      grid-column: 1 / -1;
6936    }
6937    #ul-footer>li:first-child>a {
6938      padding-top: 16px;
6939    }
6940
6941    .localization-form:only-child{
6942      width: 100%;
6943    }
6944    
6945  }
6946  @media screen and (min-width: 750px) {
6947    .footer {
6948      margin-top: 48px;
6949    }
6950    .section-footer-padding {
6951      padding-top: 100px;
6952      padding-bottom: 36px;
6953    }
6954    .page-width {
6955      padding: 0 3rem;
6956    }
6957    .center {
6958    position:relative;
6959    &::before {
6960      
6961    }
6962    &::after {
6963      border-right: 1px solid #fff;
6964      top: 0;
6965      left: 0;
6966      height: 100%;
6967      width: 100%;
6968      /* transform-origin: center; 
6969      transform: scale3d(1,0,1);
6970      transition: transform 1.5s; */
6971      content: "";
6972      position: absolute;
6973    }
6974    /* &.updated-transform::after{
6975      transform: scale3d(1,1,1);
6976    } */
6977  }
6978
6979  }
6980  @media screen and (min-width: 768px) {
6981    .center {
6982    position:relative;
6983    &::before {
6984      
6985    }
6986    &::after {
6987      border-right: 1px solid #fff;
6988      top: 0;
6989      left: 100%;
6990      height: 100%;
6991      width: auto;
6992      /* transform-origin: center; 
6993      transform: scale3d(1,0,1);
6994      transition: transform 1.5s; */
6995      content: "";
6996      position: absolute;
6997    }
6998    /* &.updated-transform::after{
6999      transform: scale3d(1,1,1);
7000    } */
7001  }
7002
7003  }
7004
7005  footer .align-center{
7006    display: inline-block;
7007    justify-items: center;
7008    text-align: center;
7009    max-width: 100%;
7010  }
7011
7012 
7013/*
7014  @media screen and (min-width: 1920px) {
7015    .page-width {
7016      padding: 0 7rem;
7017    }
7018  } */
7019  @media screen and (min-width: 768px and max-width: 1023px) {
7020    .list-social__item .icon {
7021        width: 16px;
7022        height: 16px;
7023    }
7024  }
7025  .footer-options:focus-visible {
7026    outline: 0.2rem solid rgba(var(--color-foreground),.5);
7027    outline-offset: 1rem;
7028    box-shadow: none;
7029    outline-color: unset;
7030    border-bottom: 2px solid;
7031  }
7032  .footer-center-options:focus-visible {
7033    outline: 0.2rem solid rgba(var(--color-foreground),.5);
7034    outline-offset: 0.4rem;
7035    box-shadow: none;
7036    outline-color: unset;
7037    border-bottom: 2px solid;
7038  }</style><footer class="color-footer gradient nav-head"><div class="page-width tw-flex tw-w-full !tw-max-w-unset mobile:!tw-pb-[1rem] mobile:tw-border mobile:tw-border-b-2 mobile:tw-border-solid mobile:tw-border-white">
7039      <div class="footer_main center tw-w-full min750:tw-pb-[4rem] mobile:tw-border-none section-footer-padding !tw-text-left"><div class="tw-inline-flex tw-w-full">
7040                  <div class="tw-w-[40%] ipad:tw-w-[30%] mobile:tw-w-full  footer-block__details-content footer-block-image ">
7041                    <a href="/" class="footer-logo" aria-label="Home"><img data-ot-ignore src="//www.ruffino.it/cdn/shop/files/Wordmark_Logo-02_1.png?v=1699359308&width=400"
7042                          alt=""
7043                          loading="lazy"
7044                          width="2850"
7045                          height="1119"
7046                          style="width: 300px;" 
7047                          class="mobile:tw-m-auto"
7048                        ></a>
7049                  </div>
7050                
7051              
7052              
7053              
7054              
7055              
7056              
7057
7058              
7059<ul class="top_menu !tw-pb-[15px] tw-w-[60%] ipad:tw-w-[70%] tw-block list-unstyled mobile:tw-hidden"><li class="  tw-w-[33%] tw-inline-flex tw-pb-[15px]">
7060                            <a href="/collections/our-wines" class="footer-options tw-font-neutraface-display-bold tw-text-white tw-text-[18px] min1920:tw-text-[24px] ipad:tw-text-[14px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase hover:tw-border-b-2  hover:tw-border-solid hover:tw-border-white">
7061                              Wines
7062                            </a>
7063                          </li><li class="  tw-w-[33%] tw-inline-flex tw-pb-[15px]">
7064                            <a href="/pages/ruffino-experience" class="footer-options tw-font-neutraface-display-bold tw-text-white tw-text-[18px] min1920:tw-text-[24px] ipad:tw-text-[14px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase hover:tw-border-b-2  hover:tw-border-solid hover:tw-border-white">
7065                               Experiences
7066                            </a>
7067                          </li><li class="  tw-w-[33%] tw-inline-flex tw-pb-[15px]">
7068                            <a href="/pages/our-estates" class="footer-options tw-font-neutraface-display-bold tw-text-white tw-text-[18px] min1920:tw-text-[24px] ipad:tw-text-[14px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase hover:tw-border-b-2  hover:tw-border-solid hover:tw-border-white">
7069                               Estates
7070                            </a>
7071                          </li><li class="  shop-link  tw-w-[33%] tw-inline-flex tw-pb-[15px]">
7072                            <a href="https://wineclub.ruffino.it/en/shop/" class="footer-options tw-font-neutraface-display-bold tw-text-white tw-text-[18px] min1920:tw-text-[24px] ipad:tw-text-[14px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase hover:tw-border-b-2  hover:tw-border-solid hover:tw-border-white">
7073                              Shop
7074                            </a>
7075                          </li><li class="  tw-w-[33%] tw-inline-flex tw-pb-[15px]">
7076                            <a href="/pages/sustainability" class="footer-options tw-font-neutraface-display-bold tw-text-white tw-text-[18px] min1920:tw-text-[24px] ipad:tw-text-[14px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase hover:tw-border-b-2  hover:tw-border-solid hover:tw-border-white">
7077                              Commitment
7078                            </a>
7079                          </li><li class="  tw-w-[33%] tw-inline-flex tw-pb-[15px]">
7080                            <a href="/pages/orobyruffino" class="footer-options tw-font-neutraface-display-bold tw-text-white tw-text-[18px] min1920:tw-text-[24px] ipad:tw-text-[14px] tw-tracking-[0.9px] tw-leading-[19.5px] tw-uppercase hover:tw-border-b-2  hover:tw-border-solid hover:tw-border-white">
7081                              OrobyRuffino
7082                            </a>
7083                          </li></ul>
7084              
7085
7086              
7087
7088              
7089
7090              
7091               
7092            </div>
7093
7094            
7095            <div class="tw-inline-flex tw-w-full mobile:tw-block">
7096              
7097              
7098              
7099              
7100              
7101                  <div class="tw-w-[40%] ipad:tw-w-[30%] mobile:tw-w-full footer-block__details-content footer-block-image "><img
7102                        srcset= "//www.ruffino.it/cdn/shop/files/wine-in-moderation-white.svg?v=1699359176&width=100, //www.ruffino.it/cdn/shop/files/wine-in-moderation-white.svg?v=1699359176&width=200 2x"
7103                        src="//www.ruffino.it/cdn/shop/files/wine-in-moderation-white.svg?v=1699359176&width=400"
7104                        alt=""
7105                        loading="lazy"
7106                        width="100"
7107                        height="100"
7108                        class="tw-pl-[25px] tw-w-[200px] mobile:tw-pl-0 mobile:tw-m-auto mobile:tw-w-[275px] ipad:!tw-w-auto mobileLandscape:tw-pr-[25px]"
7109                      ></div>
7110                
7111              
7112              <div class="tw-w-[60%] ipad:tw-w-[70%] tw-flex mobile:tw-block mobile:tw-w-full">
7113                  <div class="tw-w-[33%] tw-grid mobile:tw-justify-center mobile:tw-w-full">
7114                    <span class="tw-font-neutraface-display-bold tw-text-white tw-text-[12px] min1920:tw-text-[14px] ipad:tw-text-[10px] tw-tracking-[0.6px] tw-leading-[19.5px] tw-uppercase mobile:tw-text-center">
7115                    Follow us on 
7116                    </span><ul class="list-unstyled tw-inline-flex" role="list"><li class="list-social__item">
7117                            <a href="https://www.instagram.com/ruffino_1877" class="link list-social__link" ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewBox="0 0 18 18">
7118  <path fill="currentColor" d="M8.77 1.58c2.34 0 2.62.01 3.54.05.86.04 1.32.18 1.63.3.41.17.7.35 1.01.66.3.3.5.6.65 1 .12.32.27.78.3 1.64.05.92.06 1.2.06 3.54s-.01 2.62-.05 3.54a4.79 4.79 0 01-.3 1.63c-.17.41-.35.7-.66 1.01-.3.3-.6.5-1.01.66-.31.12-.77.26-1.63.3-.92.04-1.2.05-3.54.05s-2.62 0-3.55-.05a4.79 4.79 0 01-1.62-.3c-.42-.16-.7-.35-1.01-.66-.31-.3-.5-.6-.66-1a4.87 4.87 0 01-.3-1.64c-.04-.92-.05-1.2-.05-3.54s0-2.62.05-3.54c.04-.86.18-1.32.3-1.63.16-.41.35-.7.66-1.01.3-.3.6-.5 1-.65.32-.12.78-.27 1.63-.3.93-.05 1.2-.06 3.55-.06zm0-1.58C6.39 0 6.09.01 5.15.05c-.93.04-1.57.2-2.13.4-.57.23-1.06.54-1.55 1.02C1 1.96.7 2.45.46 3.02c-.22.56-.37 1.2-.4 2.13C0 6.1 0 6.4 0 8.77s.01 2.68.05 3.61c.04.94.2 1.57.4 2.13.23.58.54 1.07 1.02 1.56.49.48.98.78 1.55 1.01.56.22 1.2.37 2.13.4.94.05 1.24.06 3.62.06 2.39 0 2.68-.01 3.62-.05.93-.04 1.57-.2 2.13-.41a4.27 4.27 0 001.55-1.01c.49-.49.79-.98 1.01-1.56.22-.55.37-1.19.41-2.13.04-.93.05-1.23.05-3.61 0-2.39 0-2.68-.05-3.62a6.47 6.47 0 00-.4-2.13 4.27 4.27 0 00-1.02-1.55A4.35 4.35 0 0014.52.46a6.43 6.43 0 00-2.13-.41A69 69 0 008.77 0z"/>
7119  <path fill="currentColor" d="M8.8 4a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm0 7.43a2.92 2.92 0 110-5.85 2.92 2.92 0 010 5.85zM13.43 5a1.05 1.05 0 100-2.1 1.05 1.05 0 000 2.1z">
7120</svg>
7121<span class="visually-hidden">Instagram</span>
7122                            </a>
7123                          </li><li class="list-social__item">
7124                            <a href="https://www.facebook.com/ruffino1877" class="link list-social__link" ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewBox="0 0 18 18">
7125  <path fill="currentColor" d="M16.42.61c.27 0 .5.1.69.28.19.2.28.42.28.7v15.44c0 .27-.1.5-.28.69a.94.94 0 01-.7.28h-4.39v-6.7h2.25l.31-2.65h-2.56v-1.7c0-.4.1-.72.28-.93.18-.2.5-.32 1-.32h1.37V3.35c-.6-.06-1.27-.1-2.01-.1-1.01 0-1.83.3-2.45.9-.62.6-.93 1.44-.93 2.53v1.97H7.04v2.65h2.24V18H.98c-.28 0-.5-.1-.7-.28a.94.94 0 01-.28-.7V1.59c0-.27.1-.5.28-.69a.94.94 0 01.7-.28h15.44z">
7126</svg>
7127<span class="visually-hidden">Facebook</span>
7128                            </a>
7129                          </li><li class="list-social__item">
7130                            <a href="https://www.youtube.com/@ruffino_1877" class="link list-social__link" ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube" viewBox="0 0 100 70">
7131  <path d="M98 11c2 7.7 2 24 2 24s0 16.3-2 24a12.5 12.5 0 01-9 9c-7.7 2-39 2-39 2s-31.3 0-39-2a12.5 12.5 0 01-9-9c-2-7.7-2-24-2-24s0-16.3 2-24c1.2-4.4 4.6-7.8 9-9 7.7-2 39-2 39-2s31.3 0 39 2c4.4 1.2 7.8 4.6 9 9zM40 50l26-15-26-15v30z" fill="currentColor">
7132</svg>
7133<span class="visually-hidden">YouTube</span>
7134                            </a>
7135                          </li><li class="list-social__item">
7136                            <a href="https://www.linkedin.com/company/Ruffino1877" class="link list-social__link" ><svg role="presentation" style="color: white" xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" class="icon icon-linkedin" viewBox="0 0 16 16" role="presentation">
7137    <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z" fill="white"></path>
7138</svg> <span class="visually-hidden">LinkedIn</span>
7139                            </a>
7140                          </li></ul></div>
7141                  
7142
7143                  
7144<ul class="center_menu !tw-mt-[2px] tw-w-[66%] tw-inline-flex mobile:tw-inline-block mobile:tw-w-full list-unstyled">
7145                              <li class="where-to-buy tw-inline-flex tw-w-full tw-pr-[10px] mobile:tw-w-full mobile:tw-justify-center">
7146                                <a href="/pages/where-to-buy" class="footer-center-options tw-font-neutraface-display-bold tw-text-white tw-text-[12px] min1920:tw-text-[14px] ipad:tw-text-[10px] tw-tracking-[0.24px] tw-leading-[14px] tw-uppercase tw-h-min hover:tw-border-b-2  hover:tw-border-solid hover:tw-border-white">
7147                                  Find where to buy our wines
7148                                </a>
7149                              </li>
7150                              <li class="brandcentre.ruffino.it tw-inline-flex tw-w-full tw-pr-[10px] mobile:tw-w-full mobile:tw-justify-center">
7151                                <a href="https://brandcentre.ruffino.it/" class="footer-center-options tw-font-neutraface-display-bold tw-text-white tw-text-[12px] min1920:tw-text-[14px] ipad:tw-text-[10px] tw-tracking-[0.24px] tw-leading-[14px] tw-uppercase tw-h-min hover:tw-border-b-2  hover:tw-border-solid hover:tw-border-white">
7152                                  Brand Center
7153                                </a>
7154                              </li></ul>
7155                  
7156
7157                  
7158
7159                  
7160                   
7161                </div>
7162            </div></div>
7163      <div class="footer_aside tw-w-[25%] tw-flex tw-mb-[30px] mobile:tw-hidden section-footer-padding">
7164        
7165
7166        
7167
7168        
7169
7170        
7171<ul class="right_menu list-unstyled">
7172                    <li class="about-us tw-px-[25px]">
7173                      <a href="/pages/about-us" class="footer-options tw-font-neutraface-display-bold tw-text-white tw-text-[12px] min1920:tw-text-[14px] ipad:tw-text-[10px] tw-tracking-[0.6px] tw-leading-[19.5px] tw-uppercase hover:tw-border-b-2  hover:tw-border-solid hover:tw-border-white">
7174                        About Us
7175                      </a>
7176                    </li>
7177                    <li class="contact tw-px-[25px]">
7178                      <a href="/pages/contact" class="footer-options tw-font-neutraface-display-bold tw-text-white tw-text-[12px] min1920:tw-text-[14px] ipad:tw-text-[10px] tw-tracking-[0.6px] tw-leading-[19.5px] tw-uppercase hover:tw-border-b-2  hover:tw-border-solid hover:tw-border-white">
7179                        Contact Us
7180                      </a>
7181                    </li>
7182                    <li class="news-listing tw-px-[25px]">
7183                      <a href="/pages/news-listing" class="footer-options tw-font-neutraface-display-bold tw-text-white tw-text-[12px] min1920:tw-text-[14px] ipad:tw-text-[10px] tw-tracking-[0.6px] tw-leading-[19.5px] tw-uppercase hover:tw-border-b-2  hover:tw-border-solid hover:tw-border-white">
7184                        News
7185                      </a>
7186                    </li>
7187                    <li class="ruffinosparkling.it tw-px-[25px]">
7188                      <a href="https://ruffinosparkling.it/" class="footer-options tw-font-neutraface-display-bold tw-text-white tw-text-[12px] min1920:tw-text-[14px] ipad:tw-text-[10px] tw-tracking-[0.6px] tw-leading-[19.5px] tw-uppercase hover:tw-border-b-2  hover:tw-border-solid hover:tw-border-white">
7189                        Ruffino Sparkling 
7190                      </a>
7191                    </li>
7192                    <li class="code-of-ethics tw-px-[25px]">
7193                      <a href="/pages/code-of-ethics" class="footer-options tw-font-neutraface-display-bold tw-text-white tw-text-[12px] min1920:tw-text-[14px] ipad:tw-text-[10px] tw-tracking-[0.6px] tw-leading-[19.5px] tw-uppercase hover:tw-border-b-2  hover:tw-border-solid hover:tw-border-white">
7194                        Code of Ethics
7195                      </a>
7196                    </li>
7197                    <li class="work-with-us tw-px-[25px]">
7198                      <a href="/pages/work-with-us" class="footer-options tw-font-neutraface-display-bold tw-text-white tw-text-[12px] min1920:tw-text-[14px] ipad:tw-text-[10px] tw-tracking-[0.6px] tw-leading-[19.5px] tw-uppercase hover:tw-border-b-2  hover:tw-border-solid hover:tw-border-white">
7199                        WORK WITH US
7200                      </a>
7201                    </li></ul>
7202              </div>
7203        
7204         
7205      </div>
7206      <div class="js-show-on-scroll tw-m-auto tw-border-b tw-border-solid tw-border-white !tw-block mobile:!tw-hidden"></div>
7207      
7208
7209      
7210
7211      
7212<div class="page-width align-center tw-w-full !tw-py-[2rem] !tw-max-w-unset mobile:tw-block mobile:tw-text-center ipad:!tw-px-[1rem] mobile:!tw-pt-[2rem]">
7213                <div class="tw-inline-block tw-font-neutraface-display-bold tw-text-white tw-text-[14px] min1920:tw-text-[20px] min1920:tw-tracking-[1px] tw-tracking-normal tw-leading-[19.5px] ipad:tw-pr-[10px]">
7214                  <span class="copyright__content">&copy; 2026 </span>
7215                  
7216                  <span class="copyright__content">Tenute Ruffino S.r.l. Società Agricola</span>
7217                </div>
7218                <ul id="menu-footer-menu" class="bottom_menu tw-inline-flex list-unstyled mobile:tw-block">
7219                    <li class="terms-and-conditions tw-px-[25px] ipad:tw-flex ipad:tw-pl-0 ipad:tw-pr-[10px] mobile:tw-block mobile:tw-text-center">
7220                      <a href="/pages/terms-and-conditions" class="footer-options tw-font-neutraface-display-bold tw-text-white tw-text-[14px] tw-tracking-normal min1920:tw-text-[20px] min1920:tw-tracking-[1px] tw-leading-[19.5px] tw-underline">
7221                        Website User Agreement
7222                      </a>
7223                    </li>
7224                    <li class="terms-of-use tw-px-[25px] ipad:tw-flex ipad:tw-pl-0 ipad:tw-pr-[10px] mobile:tw-block mobile:tw-text-center">
7225                      <a href="/pages/terms-of-use" class="footer-options tw-font-neutraface-display-bold tw-text-white tw-text-[14px] tw-tracking-normal min1920:tw-text-[20px] min1920:tw-tracking-[1px] tw-leading-[19.5px] tw-underline">
7226                        Terms of Use
7227                      </a>
7228                    </li>
7229                    <li class="terms-of-use-ca tw-px-[25px] ipad:tw-flex ipad:tw-pl-0 ipad:tw-pr-[10px] mobile:tw-block mobile:tw-text-center">
7230                      <a href="/pages/terms-of-use-ca" class="footer-options tw-font-neutraface-display-bold tw-text-white tw-text-[14px] tw-tracking-normal min1920:tw-text-[20px] min1920:tw-tracking-[1px] tw-leading-[19.5px] tw-underline">
7231                        Terms of use
7232                      </a>
7233                    </li>
7234                    <li class="legal-info tw-px-[25px] ipad:tw-flex ipad:tw-pl-0 ipad:tw-pr-[10px] mobile:tw-block mobile:tw-text-center">
7235                      <a href="/pages/legal-info" class="footer-options tw-font-neutraface-display-bold tw-text-white tw-text-[14px] tw-tracking-normal min1920:tw-text-[20px] min1920:tw-tracking-[1px] tw-leading-[19.5px] tw-underline">
7236                        Company details
7237                      </a>
7238                    </li>
7239                    <li class="privacy-notice tw-px-[25px] ipad:tw-flex ipad:tw-pl-0 ipad:tw-pr-[10px] mobile:tw-block mobile:tw-text-center">
7240                      <a href="/pages/privacy-notice" class="footer-options tw-font-neutraface-display-bold tw-text-white tw-text-[14px] tw-tracking-normal min1920:tw-text-[20px] min1920:tw-tracking-[1px] tw-leading-[19.5px] tw-underline">
7241                        Privacy Notice
7242                      </a>
7243                    </li>
7244                    <li class="privacy-policy tw-px-[25px] ipad:tw-flex ipad:tw-pl-0 ipad:tw-pr-[10px] mobile:tw-block mobile:tw-text-center">
7245                      <a href="/pages/privacy-policy" class="footer-options tw-font-neutraface-display-bold tw-text-white tw-text-[14px] tw-tracking-normal min1920:tw-text-[20px] min1920:tw-tracking-[1px] tw-leading-[19.5px] tw-underline">
7246                        Privacy Policy 
7247                      </a>
7248                    </li>
7249                    <li class="privacy-policy-ca tw-px-[25px] ipad:tw-flex ipad:tw-pl-0 ipad:tw-pr-[10px] mobile:tw-block mobile:tw-text-center">
7250                      <a href="/pages/privacy-policy-ca" class="footer-options tw-font-neutraface-display-bold tw-text-white tw-text-[14px] tw-tracking-normal min1920:tw-text-[20px] min1920:tw-tracking-[1px] tw-leading-[19.5px] tw-underline">
7251                        Privacy Policy
7252                      </a>
7253                    </li>
7254                    <li class="cookies-policy tw-px-[25px] ipad:tw-flex ipad:tw-pl-0 ipad:tw-pr-[10px] mobile:tw-block mobile:tw-text-center">
7255                      <a href="/pages/cookies-policy" class="footer-options tw-font-neutraface-display-bold tw-text-white tw-text-[14px] tw-tracking-normal min1920:tw-text-[20px] min1920:tw-tracking-[1px] tw-leading-[19.5px] tw-underline">
7256                        Cookie Policy
7257                      </a>
7258                    </li>
7259                    <li class="cookie-policy-ca tw-px-[25px] ipad:tw-flex ipad:tw-pl-0 ipad:tw-pr-[10px] mobile:tw-block mobile:tw-text-center">
7260                      <a href="/pages/cookie-policy-ca" class="footer-options tw-font-neutraface-display-bold tw-text-white tw-text-[14px] tw-tracking-normal min1920:tw-text-[20px] min1920:tw-tracking-[1px] tw-leading-[19.5px] tw-underline">
7261                        Cookie Policy
7262                      </a>
7263                    </li>
7264                    <li class="social-media-policy tw-px-[25px] ipad:tw-flex ipad:tw-pl-0 ipad:tw-pr-[10px] mobile:tw-block mobile:tw-text-center">
7265                      <a href="/pages/social-media-policy" class="footer-options tw-font-neutraface-display-bold tw-text-white tw-text-[14px] tw-tracking-normal min1920:tw-text-[20px] min1920:tw-tracking-[1px] tw-leading-[19.5px] tw-underline">
7266                        Social Media Policy
7267                      </a>
7268                    </li>
7269                    <li class="whatsapp-privacy-policy tw-px-[25px] ipad:tw-flex ipad:tw-pl-0 ipad:tw-pr-[10px] mobile:tw-block mobile:tw-text-center">
7270                      <a href="/pages/whatsapp-privacy-policy" class="footer-options tw-font-neutraface-display-bold tw-text-white tw-text-[14px] tw-tracking-normal min1920:tw-text-[20px] min1920:tw-tracking-[1px] tw-leading-[19.5px] tw-underline">
7271                        WhatsApp Privacy Policy 
7272                      </a>
7273                    </li>
7274                    <li class="report-a-problem tw-px-[25px] ipad:tw-flex ipad:tw-pl-0 ipad:tw-pr-[10px] mobile:tw-block mobile:tw-text-center">
7275                      <a href="/pages/report-a-problem" class="footer-options tw-font-neutraface-display-bold tw-text-white tw-text-[14px] tw-tracking-normal min1920:tw-text-[20px] min1920:tw-tracking-[1px] tw-leading-[19.5px] tw-underline">
7276                        Report a Problem
7277                      </a>
7278                    </li>
7279                    <li class="whistleblowing-ruffino-1877 tw-px-[25px] ipad:tw-flex ipad:tw-pl-0 ipad:tw-pr-[10px] mobile:tw-block mobile:tw-text-center">
7280                      <a href="/pages/whistleblowing-ruffino-1877" class="footer-options tw-font-neutraface-display-bold tw-text-white tw-text-[14px] tw-tracking-normal min1920:tw-text-[20px] min1920:tw-tracking-[1px] tw-leading-[19.5px] tw-underline">
7281                        Whistleblowing
7282                      </a>
7283                    </li>
7284                    <li class="#dsar tw-px-[25px] ipad:tw-flex ipad:tw-pl-0 ipad:tw-pr-[10px] mobile:tw-block mobile:tw-text-center">
7285                      <a href="#dsar" class="footer-options tw-font-neutraface-display-bold tw-text-white tw-text-[14px] tw-tracking-normal min1920:tw-text-[20px] min1920:tw-tracking-[1px] tw-leading-[19.5px] tw-underline">
7286                        Do Not Sell or Share My Personal Information
7287                      </a>
7288                    </li>
7289                    <li class="terms-and-conditions-of-experience-reservation tw-px-[25px] ipad:tw-flex ipad:tw-pl-0 ipad:tw-pr-[10px] mobile:tw-block mobile:tw-text-center">
7290                      <a href="/pages/terms-and-conditions-of-experience-reservation" class="footer-options tw-font-neutraface-display-bold tw-text-white tw-text-[14px] tw-tracking-normal min1920:tw-text-[20px] min1920:tw-tracking-[1px] tw-leading-[19.5px] tw-underline">
7291                        Terms and Conditions of Online Booking of Experiences
7292                      </a>
7293                    </li>
7294                    <li class="privacy-policy-ca tw-px-[25px] ipad:tw-flex ipad:tw-pl-0 ipad:tw-pr-[10px] mobile:tw-block mobile:tw-text-center">
7295                      <a href="/pages/privacy-policy-ca" class="footer-options tw-font-neutraface-display-bold tw-text-white tw-text-[14px] tw-tracking-normal min1920:tw-text-[20px] min1920:tw-tracking-[1px] tw-leading-[19.5px] tw-underline">
7296                        Privacy Policy 
7297                      </a>
7298                    </li></ul>
7299                <div class="tw-inline-block tw-font-neutraface-display-bold tw-text-white tw-text-[14px] min1920:tw-text-[20px] min1920:tw-tracking-[1px] tw-tracking-normal tw-leading-[19.5px] ipad:tw-pr-[10px]">
7300                  <span class="copyright__content">Please enjoy our products responsibly.  ©2026 Constellation Brands, Inc., Rochester, NY.
7301</span>
7302                </div>
7303                <div class="footer__column footer__localization isolate"></div>
7304            </div>
7305      
7306
7307      
7308       
7309
7310        <div class="footer__column footer__localization isolate"></div>
7311    </div></footer>
7312
7313
7314<script>
7315  //for DSAR OT popup
7316  document.addEventListener("DOMContentLoaded", () => {
7317    var ele = document.querySelectorAll("#menu-footer-menu li a");
7318    ele.forEach(function (atag) {
7319      if(atag.getAttribute("href") == '#dsar' || atag.getAttribute("href") == '/it#dsar' || atag.getAttribute("href") == '/de#dsar'){
7320        atag.addEventListener('click', (e) => {
7321          e.preventDefault();
7322          OneTrust.ToggleInfoDisplay();
7323        });
7324      }
7325    });
7326    
7327    if (window.location.href.indexOf("#dsar") > -1){
7328      setTimeout(() => {
7329        OneTrust.ToggleInfoDisplay();
7330      }, 1000)
7331    }
7332    
7333  });
7334
7335</script>
7335
7336
7337
7338
7339</div>
7340    <section id="shopify-section-award-popup" class="shopify-section award-popup-section">
7341
7342
7343
7344
7345
7346
7347
7348  
7349  
7350  
7351    
7352    
7353    
7354    
7355    
7356    
7357    
7358    
7359    
7360    
7361    
7362    
7363    
7364    
7365    
7366    
7367  
7368    
7369    
7370    
7371    
7372    
7373    
7374    
7375    
7376    
7377    
7378    
7379    
7380    
7381    
7382    
7383    
7384  
7385    
7386    
7387    
7388    
7389    
7390    
7391    
7392    
7393    
7394    
7395    
7396    
7397    
7398    
7399    
7400    
7401  
7402    
7403    
7404    
7405    
7406    
7407    
7408    
7409    
7410    
7411    
7412    
7413    
7414    
7415    
7416    
7417    
7418  
7419    
7420    
7421    
7422    
7423    
7424    
7425    
7426    
7427    
7428    
7429    
7430    
7431    
7432    
7433    
7434    
7435  
7436    
7437    
7438    
7439    
7440    
7441    
7442    
7443    
7444    
7445    
7446    
7447    
7448    
7449    
7450    
7451    
7452  
7453    
7454    
7455    
7456    
7457    
7458    
7459    
7460    
7461    
7462    
7463    
7464    
7465    
7466    
7467    
7468    
7469  
7470    
7471    
7472    
7473    
7474    
7475    
7476    
7477    
7478    
7479    
7480    
7481    
7482    
7483    
7484    
7485    
7486  
7487
7488
7489
7490<div id="award-popup-overlay" 
7491     class="tw-fixed tw-bottom-0 tw-right-0 tw-hidden"
7492     style="z-index: 9999;"
7493     role="alertdialog"
7494     aria-label="award announcement">
7495  
7496  <!-- Popup Container - Bottom Right -->
7497  <div class="tw-relative tw-flex tw-items-end tw-p-4 mobile:tw-p-2 md:tw-p-8">
7498    <div class="tw-relative tw-flex tw-items-end" id="award-popup-container">      
7499        <!-- Black Text Rectangle (appears first) -->
7500      <div id="award-text-box"
7501           class="tw-relative tw-h-[280px] tw-bg-black tw-text-white tw-px-6 tw-py-4 tw-shadow-2xl tw-transform tw-translate-x-full tw-opacity-0 tw-transition-all tw-duration-700 tw-ease-out tw-z-10 tw-w-[245px] md:tw-w-[320px] mobile:tw-h-[235px]">
7502        
7503        <!-- Award Badge/Title -->
7504        
7505          <div class="tw-mb-3">
7506            <h3 class="tw-font-neutraface-display-bold tw-text-xl tw-leading-[normal] tw-mb-1.5 tw-tracking-normal mobile:tw-text-base">
7507              RISERVA DUCALE 2021
7508            </h3>
7509            <p class="tw-font-neutraface-display-light tw-text-base tw-font-semibold tw-leading-[normal] tw-mb-1 mobile:tw-text-[13px]">
7510              Chianti Classico Riserva DOCG
7511            </p>
7512          </div>
7513        
7514
7515        <!-- Award Number/Rank -->
7516        
7517          <div class="tw-mb-0 mobile:tw-mb-0">
7518            <p class="tw-font-neutraface-display-bold tw-text-[28px] tw-mb-0 mobile:tw-text-xl">
7519              #17
7520            </p>
7521          </div>
7522                
7523        <!-- Award Organization Logo/Text -->
7524        
7525          <div class="tw-mb-[5px]">
7526            
7527              <img src="//www.ruffino.it/cdn/shop/files/Wine_Spectator.png?v=1764765858&width=150"
7528                   alt="Wine Spectator’s"
7529                   width="200"
7530                   height="auto"
7531                   class="tw-max-w-[150px] tw-h-auto tw-mb-2 mobile:tw-max-w-[128px] mobile:tw-mb-0">
7532            
7533            
7534              <p class="tw-font-neutraface-display-bold tw-mb-2.5 tw-text-xl md:tw-text-2xl tw-uppercase tw-mt-1 mobile:tw-text-sm mobile:tw-mt-0">
7535                TOP 100
7536              </p>
7537            
7538            
7539          </div>
7540                <!-- Call to Action Button -->
7541        
7542          <div class="tw-relative tw-text-left tw-inset-x-auto tw-bottom-0 tw-pb-4">
7543            <a href="/products/riserva-ducale"
7544               class="tw-inline-block tw-font-neutraface-display-bold tw-text-xs tw-uppercase tw-text-white tw-border-b tw-border-white hover:tw-border-opacity-50 tw-transition-all tw-duration-200 focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-white focus:tw-ring-offset-2 focus:tw-ring-offset-black tw-pb-0.5"
7545               aria-label="DISCOVER Riserva Ducale">
7546              DISCOVER RISERVA DUCALE
7547            </a>
7548          </div>
7549        
7550      </div>     
7551      <!-- Image Rectangle (appears second, positioned to the right) -->
7552      
7553        <div id="award-image-box"
7554             class="tw-relative tw-h-[265px] tw-ml-[-50px] tw-w-[155px] mobile:tw-ml-[-35px] md:tw-w-[240px] tw-bg-white tw-shadow-2xl tw-transform tw-translate-x-full tw-opacity-0 tw-transition-all tw-duration-700 tw-ease-out tw-delay-300 tw-z-0 mobile:tw-h-[225px]">            
7555             <!-- Close Button positioned on image -->
7556          <button type="button"
7557                  id="award-popup-close"
7558                  tabindex="0"
7559                  class="tw-absolute tw-top-0 tw-right-0 tw-z-50 tw-w-8 tw-h-8 tw-bg-black tw-rounded-full tw-flex tw-items-center tw-justify-center tw-shadow-lg tw-transition-colors"
7560                  style="outline: none;"
7561                  aria-label="Close award announcement">
7562            <svg class="tw-w-8 tw-h-8 tw-text-white" role="presentation" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
7563              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
7564            </svg>
7565          </button>
7566          <img src="//www.ruffino.it/cdn/shop/files/PS1_0176_1.jpg?v=1764854292&width=250"
7567               alt="Ruffino Riserva Ducale Wine Bottle"
7568               width="600"
7569               height="280"
7570               class="tw-w-full tw-h-full tw-object-cover"
7571               loading="eager">
7572        </div>
7573      
7574
7575      <!-- Hidden Description for Screen Readers -->
7576      
7577      
7578    </div>
7579  </div>
7580</div>
7581
7582<style>
7583  /* Screen reader only class */
7584  .tw-sr-only {
7585    position: absolute;
7586    width: 1px;
7587    height: 1px;
7588    padding: 0;
7589    margin: -1px;
7590    overflow: hidden;
7591    clip: rect(0, 0, 0, 0);
7592    white-space: nowrap;
7593    border: 0;
7594  }
7595  
7596  /* CTA link focus state */
7597  #award-text-box a:focus {
7598    outline: 1px solid #707070 !important;
7599    outline-offset: 4px !important;
7600    /* box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3) !important; */
7601  }
7602   #award-text-box a:focus-visible {
7603    text-decoration: none;
7604  }
7605  /* Close button focus state */
7606  #award-popup-close:focus {
7607    outline: 3px solid #000 !important;
7608    outline-offset: 2px !important;
7609    box-shadow: 0 0 0 3px rgba(255, 255, 255, 1) !important;
7610  }
7611  
7612  /* Animation states */
7613  #award-popup-overlay.active {
7614    display: flex !important;
7615  }
7616
7617  #award-popup-overlay.active #award-text-box {
7618    transform: translateX(0);
7619    opacity: 1;
7620  }
7621
7622  #award-popup-overlay.active #award-image-box {
7623    transform: translateX(0);
7624    opacity: 1;
7625  }
7626  
7627  /* Allow page scrolling when popup is open */
7628  body.award-popup-open {
7629    overflow: auto;
7630  }
7631
7632  /* High contrast mode support */
7633  @media (prefers-contrast: high) {
7634    #award-text-box {
7635      border: 2px solid white;
7636    }
7637  }
7638
7639  /* Reduced motion support */
7640  @media (prefers-reduced-motion: reduce) {
7641    #award-text-box,
7642    #award-image-box,
7643    #award-popup-backdrop {
7644      transition: none !important;
7645      animation: none !important;
7646    }
7647  }
7648</style>
7649
7650<script>  (function() {
7651    const popup = document.getElementById('award-popup-overlay');
7652    const closeBtn = document.getElementById('award-popup-close');
7653    const backdrop = document.getElementById('award-popup-backdrop');
7654    const cookieName = 'award_popup_shown';
7655    const sessionOnly = false;
7656    const delayMs = 0 * 1000;
7657    const expirationDays = 1; // Expire after 1 day
7658
7659    // Check if popup should be shown
7660    function shouldShowPopup() {
7661      if (sessionOnly) {
7662        return !sessionStorage.getItem(cookieName);
7663      }
7664      
7665      // Check localStorage with expiration
7666      const storedData = localStorage.getItem(cookieName);
7667      if (!storedData) return true;
7668      
7669      try {
7670        const data = JSON.parse(storedData);
7671        const now = new Date().getTime();
7672        
7673        // Check if expired (1 day = 24 hours = 86400000 milliseconds)
7674        if (now > data.expiry) {
7675          localStorage.removeItem(cookieName);
7676          return true;
7677        }
7678        return false;
7679      } catch (e) {
7680        // If parsing fails, remove and show popup
7681        localStorage.removeItem(cookieName);
7682        return true;
7683      }
7684    }
7685
7686    // Set cookie/storage to prevent showing again
7687    function setPopupShown() {
7688      if (sessionOnly) {
7689        sessionStorage.setItem(cookieName, 'true');
7690      } else {
7691        const now = new Date().getTime();
7692        const expiryTime = now + (expirationDays * 24 * 60 * 60 * 1000); // 1 day in milliseconds
7693        const data = {
7694          shown: true,
7695          expiry: expiryTime
7696        };
7697        localStorage.setItem(cookieName, JSON.stringify(data));
7698      }
7699    }// Show popup
7700    function showPopup() {
7701      if (!popup || !shouldShowPopup()) return;
7702
7703      document.body.classList.add('award-popup-open');
7704      popup.classList.remove('tw-hidden');
7705      
7706      // Trigger animation
7707      setTimeout(() => {
7708        popup.classList.add('active');
7709      }, 100);
7710
7711      // Set focus to CTA link first for proper tab order
7712      setTimeout(() => {
7713        const ctaLink = popup.querySelector('a[href]');
7714        if (ctaLink) {
7715          ctaLink.focus();
7716          console.log('Focus set to CTA link');
7717        } else if (closeBtn) {
7718          closeBtn.focus();
7719          console.log('Focus set to close button (no CTA link found)');
7720        }
7721      }, 300);
7722    }    // Close popup
7723    function closePopup(isKeyboard = false) {
7724      if (!popup) return;
7725
7726      popup.classList.remove('active');
7727      
7728      setTimeout(() => {
7729        popup.classList.add('tw-hidden');
7730        document.body.classList.remove('award-popup-open');
7731        
7732        if (isKeyboard) {
7733          // Keyboard navigation - move focus to skip-to-content-link
7734          const skipLink = document.querySelector('.skip-to-content-link');
7735          if (skipLink) {
7736            skipLink.focus();
7737            console.log('Focus moved to skip-to-content-link (keyboard close)');
7738          }
7739        } else {
7740          // Mouse click - move focus to skip-to-content-link but keep it hidden
7741          const skipLink = document.querySelector('.skip-to-content-link');
7742          if (skipLink) {
7743            // Store original styles
7744            const originalOutline = skipLink.style.outline;
7745            const originalBoxShadow = skipLink.style.boxShadow;
7746            const originalClip = skipLink.style.clip;
7747            const originalClipPath = skipLink.style.clipPath;
7748            
7749            // Hide all focus indicators and keep element visually hidden
7750            skipLink.style.outline = 'none';
7751            skipLink.style.boxShadow = 'none';
7752            skipLink.style.clip = 'rect(0, 0, 0, 0)';
7753            skipLink.style.clipPath = 'inset(50%)';
7754            
7755            skipLink.focus();
7756            console.log('Focus moved to skip-to-content-link (mouse close - kept hidden)');
7757            
7758            // Restore normal focus behavior on blur
7759            skipLink.addEventListener('blur', function() {
7760              this.style.outline = originalOutline;
7761              this.style.boxShadow = originalBoxShadow;
7762              this.style.clip = originalClip;
7763              this.style.clipPath = originalClipPath;
7764            }, { once: true });
7765          }
7766        }
7767      }, 300);
7768
7769      setPopupShown();
7770    }// Event listeners
7771    if (closeBtn) {
7772      // Click event - pass false for mouse interaction
7773      closeBtn.addEventListener('click', () => closePopup(false));
7774      
7775      // Keyboard events (Enter and Space) - pass true for keyboard interaction
7776      closeBtn.addEventListener('keydown', (e) => {
7777        if (e.key === 'Enter' || e.key === ' ') {
7778          e.preventDefault();
7779          closePopup(true);
7780        }
7781        
7782        // Tab on close button moves to skip-to-content-link
7783        if (e.key === 'Tab' && !e.shiftKey) {
7784          e.preventDefault();
7785          const skipLink = document.querySelector('.skip-to-content-link');
7786          if (skipLink) {
7787            skipLink.focus();
7788          }
7789        }
7790      });
7791    }
7792    
7793    // Shift+Tab on CTA link goes to close button
7794    popup.addEventListener('keydown', (e) => {
7795      if (e.key === 'Tab' && e.shiftKey) {
7796        const ctaLink = popup.querySelector('a[href]');
7797        if (document.activeElement === ctaLink && closeBtn) {
7798          e.preventDefault();
7799          closeBtn.focus();
7800        }
7801      }
7802    });
7803
7804    if (backdrop) {
7805      backdrop.addEventListener('click', () => closePopup(false));
7806    }
7807
7808    // ESC key to close - keyboard interaction
7809    document.addEventListener('keydown', (e) => {
7810      if (e.key === 'Escape' && popup && !popup.classList.contains('tw-hidden')) {
7811        closePopup(true);
7812      }
7813    });
7814
7815    // Show popup after delay when page loads
7816    if (document.readyState === 'complete') {
7817      setTimeout(showPopup, delayMs);
7818    } else {
7819      window.addEventListener('load', () => {
7820        setTimeout(showPopup, delayMs);
7821      });
7822    }
7823
7824    // Handle navigation - keep popup visible if not closed
7825    window.addEventListener('pageshow', (e) => {
7826      if (e.persisted && !shouldShowPopup()) {
7827        // Page was cached, don't show popup again
7828        popup?.classList.add('tw-hidden');
7829      }
7830    });
7831  })();
7832</script>
7832
7833
7834
7835<style> #shopify-section-award-popup.award-popup-section {display: none;} </style></section>
7836    
7837      <style>
7838    @media screen and (max-width: 767px) {
7839        .mobile-language-toggle{
7840            left:86%;
7841        }
7842        .mobile-language-toggle svg{
7843            right: 70px !important;
7844        }
7845        .mobile-language-toggle #FooterLanguageList{
7846            min-height:2.2rem;
7847        }
7848        .mobile-language-toggle .localization-form .disclosure__list-wrapper{
7849            bottom: auto !important;
7850            top: 0 !important;
7851        }
7852    }
7853
7854    @media screen and (min-width: 768px) and (max-width:1023px){
7855        .mobile-language-toggle{
7856            left:93%;
7857        }
7858        .mobile-language-toggle svg{
7859            right: 70px !important;
7860        }
7861        .mobile-language-toggle #FooterLanguageList{
7862            min-height:2.2rem;
7863        }
7864        .mobile-language-toggle .localization-form .disclosure__list-wrapper{
7865            bottom: auto !important;
7866            top: 0 !important;
7867        }
7868    }
7869</style>
7870
7871<div class="mobile-language-toggle tw-fixed tw-right-0 tw-bottom-0 min990:tw-hidden tw-bg-black" style="z-index:60"><noscript><form method="post" action="/localization" id="FooterLanguageFormNoScript" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="localization-form__select">
7872            <h2 class="visually-hidden" id="FooterLanguageLabelNoScript">Language</h2>
7873            <select class="localization-selector link" name="locale_code" aria-labelledby="FooterLanguageLabelNoScript"><option value="en" lang="en" selected>
7874                  English
7875                </option><option value="it" lang="it">
7876                  Italiano
7877                </option><option value="de" lang="de">
7878                  Deutsch
7879                </option></select>
7880            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret card_color" viewBox="0 0 10 6">
7881  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
7882</svg>
7883
7884          </div>
7885          <button class="button button--tertiary">Update language</button></form></noscript>
7886
7887      <localization-form><form method="post" action="/localization" id="FooterLanguageForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="no-js-hidden">
7888            
7889            <div class="disclosure">
7890              <button type="button" class="disclosure__button localization-form__select localization-selector link link--text caption-large !tw-font-neutraface-display-bold  tw-text-white  !tw-text-[12px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase hover:!tw-underline" aria-expanded="false" aria-controls="FooterLanguageList" aria-describedby="FooterLanguageLabel" aria-label="language switcher" style="padding: 10px;height: auto;">
7891                En
7892                <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret card_color" viewBox="0 0 10 6">
7893  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
7894</svg>
7895
7896              </button>
7897              <div class="disclosure__list-wrapper tw-bg-black tw-min-h-5" style="transform: translateY(-100%);z-index:-1;margin-left:0" hidden>
7898                <ul id="FooterLanguageList" role="list" class="disclosure__list list-unstyled">
7899                      <li class="disclosure__item" tabindex="-1">
7900                        <a class="link link--text disclosure__link caption-large focus-inset !tw-font-neutraface-display-bold !tw-text-white !tw-text-[12px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase" href="#" hreflang="it" lang="it" data-value="it" style="padding-left: 10px;">
7901                          It
7902                        </a>
7903                      </li>
7904                      <li class="disclosure__item" tabindex="-1">
7905                        <a class="link link--text disclosure__link caption-large focus-inset !tw-font-neutraface-display-bold !tw-text-white !tw-text-[12px] tw-tracking-[0.6px] tw-leading-normal tw-uppercase" href="#" hreflang="de" lang="de" data-value="de" style="padding-left: 10px;">
7906                          De
7907                        </a>
7908                      </li></ul>
7909              </div>
7910            </div>
7911            <input type="hidden" name="locale_code" value="en">
7912          </div></form></localization-form></div>
7913    
7914    <ul hidden>
7915      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
7916    </ul>
7917    
7917<script type="text/javascript" data-ot-ignore>
7918  class LocalizationForm extends HTMLElement {
7919    constructor() {
7920      super();
7921      this.elements = {
7922        input: this.querySelector('input[name="locale_code"], input[name="country_code"]'),
7923        button: this.querySelector('button'),
7924        panel: this.querySelector('.disclosure__list-wrapper'),
7925      };
7926      this.elements.button.addEventListener('click', this.openSelector.bind(this));
7927      this.elements.button.addEventListener('focusout', this.closeSelector.bind(this));
7928      this.addEventListener('keyup', this.onContainerKeyUp.bind(this));
7929
7930      this.querySelectorAll('a').forEach(item => item.addEventListener('click', this.onItemClick.bind(this)));
7931    }
7932
7933    hidePanel() {
7934      this.elements.button.setAttribute('aria-expanded', 'false');
7935      this.elements.panel.setAttribute('hidden', true);
7936    }
7937
7938    onContainerKeyUp(event) {
7939      if (event.code.toUpperCase() !== 'ESCAPE') return;
7940
7941      this.hidePanel();
7942      this.elements.button.focus();
7943    }
7944
7945    onItemClick(event) {
7946      event.preventDefault();
7947      const form = this.querySelector('form');
7948      this.elements.input.value = event.currentTarget.dataset.value;
7949      if (form) form.submit();
7950    }
7951
7952    openSelector() {
7953      this.elements.button.focus();
7954      this.elements.panel.toggleAttribute('hidden');
7955      this.elements.button.setAttribute('aria-expanded', (this.elements.button.getAttribute('aria-expanded') === 'false').toString());
7956    }
7957
7958    closeSelector(event) {
7959      const shouldClose = event.relatedTarget && event.relatedTarget.nodeName === 'BUTTON';
7960      if (event.relatedTarget === null || shouldClose) {
7961        this.hidePanel();
7962      }
7963    }
7964  }
7965
7966  customElements.define('localization-form', LocalizationForm);
7967</script>
7967
7968
7969
7970    
7970<script>
7971      window.shopUrl = 'https://www.ruffino.it';
7972      window.routes = {
7973        cart_add_url: '/cart/add',
7974        cart_change_url: '/cart/change',
7975        cart_update_url: '/cart/update',
7976        predictive_search_url: '/search/suggest'
7977      };
7978
7979      window.cartStrings = {
7980        error: `There was an error while updating your cart. Please try again.`,
7981        quantityError: `You can only add [quantity] of this item to your cart.`
7982      }
7983
7984      window.variantStrings = {
7985        addToCart: `Add to cart`,
7986        soldOut: `Sold out`,
7987        unavailable: `Unavailable`,
7988      }
7989
7990      window.accessibilityStrings = {
7991        imageAvailable: `Image [index] is now available in gallery view`,
7992        shareSuccess: `Link copied to clipboard`,
7993        pauseSlideshow: `Pause slideshow`,
7994        playSlideshow: `Play slideshow`,
7995      }
7996    </script>
7996<!-- age gate added -->
7997
7998    
7999
8000       
8001      
8002        
8002<script src="https://agegate.cbrands.com/js/agegate-widget.js" type="text/javascript" data-access-token="df765fa7-4121-4897-8bd4-88fdef9bef33"></script>
8002
8003      
8004     
8005
8006    
8007      
8008      
8008<script>
8009    /**
8010     * To convert the encode the customer ID into sha256
8011     */
8012     var sha256 = function sha256(ascii) {
8013       function rightRotate(value, amount) {
8014         return (value>>>amount) | (value<<(32 - amount));
8015       };
8016       
8017       var mathPow = Math.pow;
8018       var maxWord = mathPow(2, 32);
8019       var lengthProperty = 'length'
8020       var i, j; // Used as a counter across the whole file
8021       var result = ''
8022   
8023       var words = [];
8024       var asciiBitLength = ascii[lengthProperty]*8;
8025       
8026       //* caching results is optional - remove/add slash from front of this line to toggle
8027       // Initial hash value: first 32 bits of the fractional parts of the square roots of the first 8 primes
8028       // (we actually calculate the first 64, but extra values are just ignored)
8029       var hash = sha256.h = sha256.h || [];
8030       // Round constants: first 32 bits of the fractional parts of the cube roots of the first 64 primes
8031       var k = sha256.k = sha256.k || [];
8032       var primeCounter = k[lengthProperty];
8033       /*/
8034       var hash = [], k = [];
8035       var primeCounter = 0;
8036       //*/
8037       var isComposite = {};
8038       for (var candidate = 2; primeCounter < 64; candidate++) {
8039         if (!isComposite[candidate]) {
8040           for (i = 0; i < 313; i += candidate) {
8041             isComposite[i] = candidate;
8042           }
8043           hash[primeCounter] = (mathPow(candidate, .5)*maxWord)|0;
8044           k[primeCounter++] = (mathPow(candidate, 1/3)*maxWord)|0;
8045         }
8046       }
8047       
8048       ascii += '\x80' // Append Ƈ' bit (plus zero padding)
8049       while (ascii[lengthProperty]%64 - 56) ascii += '\x00' // More zero padding
8050       for (i = 0; i < ascii[lengthProperty]; i++) {
8051         j = ascii.charCodeAt(i);
8052         if (j>>8) return; // ASCII check: only accept characters in range 0-255
8053         words[i>>2] |= j << ((3 - i)%4)*8;
8054       }
8055       words[words[lengthProperty]] = ((asciiBitLength/maxWord)|0);
8056       words[words[lengthProperty]] = (asciiBitLength)
8057       
8058       // process each chunk
8059       for (j = 0; j < words[lengthProperty];) {
8060         var w = words.slice(j, j += 16); // The message is expanded into 64 words as part of the iteration
8061         var oldHash = hash;
8062         // This is now the undefinedworking hash", often labelled as variables a...g
8063         // (we have to truncate as well, otherwise extra entries at the end accumulate
8064         hash = hash.slice(0, 8);
8065         
8066         for (i = 0; i < 64; i++) {
8067           var i2 = i + j;
8068           // Expand the message into 64 words
8069           // Used below if 
8070           var w15 = w[i - 15], w2 = w[i - 2];
8071   
8072           // Iterate
8073           var a = hash[0], e = hash[4];
8074           var temp1 = hash[7]
8075             + (rightRotate(e, 6) ^ rightRotate(e, 11) ^ rightRotate(e, 25)) // S1
8076             + ((e&hash[5])^((~e)&hash[6])) // ch
8077             + k[i]
8078             // Expand the message schedule if needed
8079             + (w[i] = (i < 16) ? w[i] : (
8080                 w[i - 16]
8081                 + (rightRotate(w15, 7) ^ rightRotate(w15, 18) ^ (w15>>>3)) // s0
8082                 + w[i - 7]
8083                 + (rightRotate(w2, 17) ^ rightRotate(w2, 19) ^ (w2>>>10)) // s1
8084               )|0
8085             );
8086           // This is only used once, so *could* be moved below, but it only saves 4 bytes and makes things unreadble
8087           var temp2 = (rightRotate(a, 2) ^ rightRotate(a, 13) ^ rightRotate(a, 22)) // S0
8088             + ((a&hash[1])^(a&hash[2])^(hash[1]&hash[2])); // maj
8089           
8090           hash = [(temp1 + temp2)|0].concat(hash); // We don't bother trimming off the extra ones, they're harmless as long as we're truncating when we do the slice()
8091           hash[4] = (hash[4] + temp1)|0;
8092         }
8093         
8094         for (i = 0; i < 8; i++) {
8095           hash[i] = (hash[i] + oldHash[i])|0;
8096         }
8097       }
8098       
8099       for (i = 0; i < 8; i++) {
8100         for (j = 3; j + 1; j--) {
8101           var b = (hash[i]>>(j*8))&255;
8102           result += ((b < 16) ? 0 : '') + b.toString(16);
8103         }
8104       }
8105       return result;
8106     };
8107   
8108     window.data_layer_info = {
8109       membership_level: null,
8110       user_id: null,
8111       customer_email: "" || "" || "",
8112       page_type: meta.page.pageType,
8113       login_status: "not-logged-in",
8114     }
8115   
8116   
8117     
8118           
8119           
8120   /* tempType for dataLayer tags */        
8121   let templateType;
8122   const url_path = window.location.href; //Need to use this variable as global
8123   let lastItem = url_path.substring(url_path.lastIndexOf('/') + 1) || 'home';
8124   let pathName = window.location.pathname;
8125   if(pathName == '/pages/where-to-buy' || pathName == '/it/pages/where-to-buy' || pathName == '/de/pages/where-to-buy'){
8126        templateType = "product-locator"
8127   }
8128   else if(meta.page.pageType == 'product'){
8129        templateType = "product"
8130   }
8131   else if(meta.page.pageType == 'collection'){
8132        templateType = 'product-list'
8133   }
8134   else if(meta.page.pageType == 'article'|| meta.page.pageType =='blog'){
8135        templateType = 'recipe'
8136   }
8137   else if (window.location.href.indexOf('/search?') > 0) {
8138    templateType = 'search-results'
8139   }
8140   else{templateType = lastItem}
8141  
8142  window.dataLayer = window.dataLayer || [];
8143   </script>
8143
8144<!-- DataLayer scripts -->
8145<script>
8146  (function() {
8147  function DL__page_view() {
8148    window.addEventListener("load", function(params) {
8149      var ageGateDisplay;
8150      var ageGate = getCookieValue('validAge'); //validAge cookie is present when ageGate is not visible
8151      if (ageGate == 'true') {
8152        ageGateDisplay = 'false';
8153      } else {
8154        ageGateDisplay = 'true';
8155      }
8156      window.dataLayer = window.dataLayer || [];
8157      window.dataLayer.push({
8158        'event': 'page_view',
8159        'age_gate': ageGateDisplay,
8160        'page_type': templateType,
8161        'login_status': data_layer_info.login_status,
8162        'template_name': 'all-pages',
8163        'user_id': data_layer_info.user_id,
8164        'membership_level': data_layer_info.membership_level
8165      });
8166    });
8167  }
8168  DL__page_view();
8169 })();
8170  /**
8171 * About : view list items on collection page 
8172 * Description : fire when collection page is loaded 
8173*/
8174 (function(){
8175 function DL__view_item_list() {
8176    window.dataLayer = window.dataLayer || [];
8177    window.dataLayer.push({ ecommerce: null });
8178    window.dataLayer.push({
8179      'event': 'view_item_list',
8180      'currency' : "USD",
8181      'template_name' : 'product-list',
8182      'user_id' : data_layer_info.user_id,
8183      'membership_level' : data_layer_info.membership_level,
8184      'ecommerce':null})
8185  }
8186  window.addEventListener("load", function(){
8187  if(meta.page.pageType == "collection"){
8188    DL__view_item_list();
8189  }
8190  });
8191 })();
8192    /**
8193 * About : view which product page is open
8194 * Description : fire when product page is loaded 
8195 */
8196  (function(){
8197    function DL__view_item() {
8198    window.dataLayer = window.dataLayer || [];
8199    window.dataLayer.push({
8200      'ecommerce': null
8201    });
8202    window.dataLayer.push({
8203      'event': 'view_item',
8204      'currency' : "USD",
8205      'template_name' : "product",
8206      'ecommerce': {
8207        'items' : [{
8208        'discount' : 0,
8209        'index' : 0,'item_id' : "0",
8210        'item_list_id' : "0",
8211        'item_list_name' : "",
8212        'item_name' : "",
8213        'item_variant' : "0",
8214        'price' : "",
8215        'quantity' : 1
8216        }]
8217        }
8218      });
8219  }
8220  window.addEventListener("load", function(){
8221  if(meta.page.pageType == "product"){
8222    DL__view_item();
8223  }
8224  });
8225 })();
8226  <!-- Select Item dataLayer tag - fires on products -->
8227    (function(){
8228    const select_buttons = document.querySelectorAll('[data-gtm-select="select_item"]');
8229      if(!!select_buttons){
8230        select_buttons.forEach(elements => {
8231       elements.addEventListener('click', function(){ 
8232       window.dataLayer = window.dataLayer || [];
8233       window.dataLayer.push({ ecommerce: null });
8234       window.dataLayer.push({
8235          'event': 'select_item',
8236          'currency' : 'USD',
8237          'template_name' : 'product-list',
8238            'ecommerce': {
8239              'items' : [{
8240              'discount' : 0,
8241              'index' : 0,
8242              'item_category': this.dataset.collectionname,
8243              'item_id' : this.dataset.productid,
8244              'item_list_id' : this.dataset.collectionid,
8245              'item_list_name' : this.dataset.collectionname,
8246              'item_name' : this.dataset.producttitle ,
8247              'item_variant' : this.dataset.productvariant,
8248               'price' : this.dataset.productprice,
8249               'quantity' : 1
8250                }]
8251               }
8252             })
8253           });  
8254          });
8255         }
8256      })();
8257  
8258</script>
8258
8259    
8260    
8261    
8261<script>
8262    /**
8263     * To convert the encode the customer ID into sha256
8264     */
8265     var sha256 = function sha256(ascii) {
8266       function rightRotate(value, amount) {
8267         return (value>>>amount) | (value<<(32 - amount));
8268       };
8269       
8270       var mathPow = Math.pow;
8271       var maxWord = mathPow(2, 32);
8272       var lengthProperty = 'length'
8273       var i, j; // Used as a counter across the whole file
8274       var result = ''
8275   
8276       var words = [];
8277       var asciiBitLength = ascii[lengthProperty]*8;
8278       
8279       //* caching results is optional - remove/add slash from front of this line to toggle
8280       // Initial hash value: first 32 bits of the fractional parts of the square roots of the first 8 primes
8281       // (we actually calculate the first 64, but extra values are just ignored)
8282       var hash = sha256.h = sha256.h || [];
8283       // Round constants: first 32 bits of the fractional parts of the cube roots of the first 64 primes
8284       var k = sha256.k = sha256.k || [];
8285       var primeCounter = k[lengthProperty];
8286       /*/
8287       var hash = [], k = [];
8288       var primeCounter = 0;
8289       //*/
8290       var isComposite = {};
8291       for (var candidate = 2; primeCounter < 64; candidate++) {
8292         if (!isComposite[candidate]) {
8293           for (i = 0; i < 313; i += candidate) {
8294             isComposite[i] = candidate;
8295           }
8296           hash[primeCounter] = (mathPow(candidate, .5)*maxWord)|0;
8297           k[primeCounter++] = (mathPow(candidate, 1/3)*maxWord)|0;
8298         }
8299       }
8300       
8301       ascii += '\x80' // Append Ƈ' bit (plus zero padding)
8302       while (ascii[lengthProperty]%64 - 56) ascii += '\x00' // More zero padding
8303       for (i = 0; i < ascii[lengthProperty]; i++) {
8304         j = ascii.charCodeAt(i);
8305         if (j>>8) return; // ASCII check: only accept characters in range 0-255
8306         words[i>>2] |= j << ((3 - i)%4)*8;
8307       }
8308       words[words[lengthProperty]] = ((asciiBitLength/maxWord)|0);
8309       words[words[lengthProperty]] = (asciiBitLength)
8310       
8311       // process each chunk
8312       for (j = 0; j < words[lengthProperty];) {
8313         var w = words.slice(j, j += 16); // The message is expanded into 64 words as part of the iteration
8314         var oldHash = hash;
8315         // This is now the undefinedworking hash", often labelled as variables a...g
8316         // (we have to truncate as well, otherwise extra entries at the end accumulate
8317         hash = hash.slice(0, 8);
8318         
8319         for (i = 0; i < 64; i++) {
8320           var i2 = i + j;
8321           // Expand the message into 64 words
8322           // Used below if 
8323           var w15 = w[i - 15], w2 = w[i - 2];
8324   
8325           // Iterate
8326           var a = hash[0], e = hash[4];
8327           var temp1 = hash[7]
8328             + (rightRotate(e, 6) ^ rightRotate(e, 11) ^ rightRotate(e, 25)) // S1
8329             + ((e&hash[5])^((~e)&hash[6])) // ch
8330             + k[i]
8331             // Expand the message schedule if needed
8332             + (w[i] = (i < 16) ? w[i] : (
8333                 w[i - 16]
8334                 + (rightRotate(w15, 7) ^ rightRotate(w15, 18) ^ (w15>>>3)) // s0
8335                 + w[i - 7]
8336                 + (rightRotate(w2, 17) ^ rightRotate(w2, 19) ^ (w2>>>10)) // s1
8337               )|0
8338             );
8339           // This is only used once, so *could* be moved below, but it only saves 4 bytes and makes things unreadble
8340           var temp2 = (rightRotate(a, 2) ^ rightRotate(a, 13) ^ rightRotate(a, 22)) // S0
8341             + ((a&hash[1])^(a&hash[2])^(hash[1]&hash[2])); // maj
8342           
8343           hash = [(temp1 + temp2)|0].concat(hash); // We don't bother trimming off the extra ones, they're harmless as long as we're truncating when we do the slice()
8344           hash[4] = (hash[4] + temp1)|0;
8345         }
8346         
8347         for (i = 0; i < 8; i++) {
8348           hash[i] = (hash[i] + oldHash[i])|0;
8349         }
8350       }
8351       
8352       for (i = 0; i < 8; i++) {
8353         for (j = 3; j + 1; j--) {
8354           var b = (hash[i]>>(j*8))&255;
8355           result += ((b < 16) ? 0 : '') + b.toString(16);
8356         }
8357       }
8358       return result;
8359     };
8360   
8361     window.data_layer_info = {
8362       membership_level: null,
8363       user_id: null,
8364       customer_email: "" || "" || "",
8365       page_type: meta.page.pageType,
8366       login_status: "not-logged-in",
8367     }
8368   
8369   
8370     
8371           
8372           
8373   /* tempType for dataLayer tags */        
8374   let templateType;
8375   const url_path = window.location.href; //Need to use this variable as global
8376   let lastItem = url_path.substring(url_path.lastIndexOf('/') + 1) || 'home';
8377   let pathName = window.location.pathname;
8378   if(pathName == '/pages/where-to-buy' || pathName == '/it/pages/where-to-buy' || pathName == '/de/pages/where-to-buy'){
8379        templateType = "product-locator"
8380   }
8381   else if(meta.page.pageType == 'product'){
8382        templateType = "product"
8383   }
8384   else if(meta.page.pageType == 'collection'){
8385        templateType = 'product-list'
8386   }
8387   else if(meta.page.pageType == 'article'|| meta.page.pageType =='blog'){
8388        templateType = 'recipe'
8389   }
8390   else if (window.location.href.indexOf('/search?') > 0) {
8391    templateType = 'search-results'
8392   }
8393   else{templateType = lastItem}
8394  
8395  window.dataLayer = window.dataLayer || [];
8396   </script>
8396  
8397     
8398      
8398<script>
8399       // Adding iframe Listener script for booking experience iframe forms //
8400    function receiveMessage(event) {
8401    var authorized_iframes = ["https://qa-booking.ruffino.com","https://dev-booking.ruffino.com","https://booking.ruffino.com","https://my.book-dnatasting.it"  ];
8402    if (authorized_iframes.indexOf(event.origin) > -1 && typeof event.data == "object") {
8403    window.dataLayer = window.dataLayer || [];
8404    dataLayer.push(event.data);
8405    }
8406    return;
8407    }
8408    if (window.addEventListener) {
8409    window.addEventListener("message", receiveMessage, false);
8410    }
8411    else {
8412    window.attachEvent("onmessage", receiveMessage);
8413    }
8414     </script>
8414
8415     
8416    
8417    
8418    
8419
8420    
8421     
8422	 
8422<script>
8423      var links = document.links;
8424      for (let i = 0, linksLength = links.length; i < linksLength; i++) {
8425        if (links[i].hostname !== window.location.hostname) {
8426          links[i].target = '_blank';
8427        }
8428      }
8429
8430      //Used for adding and removing animation based on scroll
8431      const callback = function (entries) {
8432        entries.forEach((entry) => {
8433          console.log(entry);
8434          const animationType = entry.target.dataset.animateType;
8435          if (entry.isIntersecting) {
8436            entry.target.classList.add(animationType);
8437          } else {
8438            entry.target.classList.remove(animationType);
8439          }
8440        });
8441      };
8442      
8443      const observer = new IntersectionObserver(callback);
8444      
8445      const targets = document.querySelectorAll(".js-show-on-scroll");
8446      targets.forEach(function (target) {
8447        target.classList.add("tw-opacity-1");
8448        observer.observe(target);
8449      });
8450    </script>
8450
8451
8452	
8452<script data-ot-ignore src="https://cdn.jsdelivr.net/npm/tw-elements/dist/js/index.min.js"></script>
8452  
8453    
8453<script data-ot-ignore src="//www.ruffino.it/cdn/shop/t/2/assets/consentapi.js?v=101788702473245767671756893715" ></script>
8453
8454  
8455  
8456  
8457  <!-- Video Modal -->
8458<div id="video-modal" class="tw-fixed tw-inset-0 tw-z-[9999] tw-bg-black tw-bg-opacity-90 tw-flex tw-items-center tw-justify-center tw-opacity-0 tw-pointer-events-none tw-transition-opacity tw-duration-300" 
8459     role="dialog" 
8460     aria-modal="true" 
8461     aria-label="video"
8462     tabindex="-1"
8463     style="position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; z-index: 999999 !important;">
8464  
8465  <!-- Modal Content Wrapper with Close Button Outside -->
8466  <div class="tw-relative tw-w-full tw-max-w-6xl tw-mx-auto tw-px-4">
8467    <!-- Close Button - Positioned above video container -->
8468    <button type="button" 
8469            class="tw-absolute tw-top-[-60px] tw-right-4 md:tw-right-0 tw-z-[10000] tw-bg-white tw-bg-opacity-20 tw-text-white tw-p-3 tw-rounded-full tw-hover:bg-opacity-40 tw-focus:outline-none tw-focus:ring-2 tw-focus:ring-white tw-focus:ring-offset-2 tw-focus:ring-offset-black tw-transition-colors tw-backdrop-blur-sm"
8470            onclick="closeVideoModal()"
8471            aria-label="Close video modal">
8472      <svg role="presentation" class="tw-w-8 tw-h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" role="presentation">
8473        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
8474      </svg>
8475    </button>
8476
8477    <!-- Modal Content -->
8478    <div class="tw-relative tw-w-full tw-transform tw-scale-95 tw-transition-transform tw-duration-300">      
8479      <!-- Video Container -->
8480      <div class="tw-relative tw-pb-[56.25%] tw-h-0 tw-bg-black tw-rounded-lg tw-overflow-hidden tw-shadow-2xl">
8481        <iframe id="video-iframe" 
8482                class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-full"
8483                frameborder="0" 
8484                allowfullscreen
8485                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
8486                title="Artist video interview">
8487        </iframe>
8488      </div>
8489    </div>
8490  </div>
8491</div>
8492
8493<style>
8494  /* Video modal enhancements */
8495  #video-modal {
8496    display: flex;
8497    align-items: center;
8498    justify-content: center;
8499    padding: 20px;
8500  }
8501  
8502  #video-modal .tw-relative.tw-w-full.tw-max-w-6xl {
8503    width: 100%;
8504    max-width: 900px;
8505    margin: 0 auto;
8506    position: relative;
8507  }
8508  
8509  /* Responsive adjustments */
8510  @media (max-width: 767px) {
8511    #video-modal button.tw-absolute {
8512      top: -50px;
8513      right: 0;
8514    }
8515  }
8516  
8517  /* Ensure the iframe is responsive */
8518  #video-iframe {
8519    border-radius: 4px;
8520    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
8521  }
8522</style>
8523
8524  <style>  </style>
8525<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
8525
8526</body>
8527</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.