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®ion_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®ion_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"> </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">© 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.