header{width:100%;display:flex;justify-content:space-between;color:#000;z-index:3;align-items:center;position:absolute;height:56px;pointer-events:none;z-index:9}.logo{width:126px;pointer-events:auto;height:auto}.h1{font-family:Gelasio;margin:0;font-size:14px}.hdiv1{margin-left:12px}.hdiv2{margin-right:12px}@media (max-width: 720px){.logo{width:105px}.h1{font-size:10px}}footer{width:100%;display:flex;justify-content:space-between;z-index:6;position:absolute;height:56px;bottom:0;align-items:center;pointer-events:none}.logoF{width:126px;pointer-events:auto;height:auto;filter:invert(1);-webkit-filter:invert(1);z-index:99;position:relative;bottom:-60px}.f1{color:#fff;font-size:14px;font-family:Gelasio;margin:0 0 0 12px}.f2{color:#fff;font-size:14px;font-family:Gelasio;margin:0 12px 0 0}@media (max-width: 720px){.f1,.f2{font-size:10px}}*{box-sizing:border-box;margin:0;padding:0}.menus{position:absolute;display:flex;justify-content:center;flex-direction:column;align-items:center;height:100vh;height:100dvh;width:100%}.pagina_sotto{position:absolute;width:100vw;height:100vh;height:100dvh}.mezza1{position:absolute;width:100vw;height:50vh;height:50dvh;background-color:#fff7e8}.mezza2{top:50%;position:absolute;width:100vw;height:50vh;height:50dvh;background-color:#000}.caffè{width:100%;display:flex;height:50vh;height:50dvh;align-items:flex-end;justify-content:flex-end;background-color:#fff7e8;position:relative}.piattini{background-color:#000;height:50vh;height:50dvh;display:flex;width:100%;align-items:flex-start;position:relative}p.h1,.hdiv2,.f2{pointer-events:auto}.sottomenuc{display:flex;width:100%;height:56px;align-items:center;background-color:#fff7e8}.sottomenup{display:flex;width:100%;height:69px;align-items:center}.cafn{font-family:Freig,serif;font-size:30px;cursor:pointer;text-align:center;width:100%;z-index:999;height:56px;display:flex;align-items:center;justify-content:center;line-height:.8;padding:0;margin:0}.piatn{color:#fff7e8;font-family:Freig,serif;font-size:30px;cursor:pointer;text-align:center;width:100%;z-index:999;height:56px;display:flex;align-items:center;justify-content:center;line-height:.8;padding:0;margin:0}.menuCaffe{top:-56px;opacity:0;position:absolute;width:100%;height:156%;display:flex;align-items:flex-start;justify-content:space-between;font-size:20px;z-index:1}.menuPiattini{pointer-events:none;top:-56px;opacity:0;position:absolute;width:100%;height:156%;display:flex;align-items:flex-start;justify-content:space-between;font-size:20px;color:#fff7e8}.contenitore-menu{width:100%;height:100%;display:flex;pointer-events:auto;z-index:2;gap:42%}.primo-verticale,.primo-verticale2{position:relative;top:29%;flex:0 0 25%;min-width:150px;max-width:250px;padding-left:12px;font-family:Owners-Narrow,sans-serif;text-transform:uppercase}.secondo-verticale,.secondo-verticale2{overflow-y:scroll;overflow-x:hidden;flex:2;position:relative;font-family:Owners-Narrow,sans-serif;text-transform:uppercase;padding-right:20px;scrollbar-width:none;-ms-overflow-style:none;height:100%;max-height:none;display:flex;flex-direction:column;align-items:flex-start;-webkit-overflow-scrolling:touch}.secondo-verticale::-webkit-scrollbar,.secondo-verticale2::-webkit-scrollbar{display:none;width:0;height:0}.listaCaffe2,.listaPiattini{list-style:none;margin:0;padding:0}.listaCaffe2 li,.listaPiattini li{opacity:.6;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .2s ease}.listaCaffe2 li:hover,.listaPiattini li:hover{opacity:.85}.listaCaffe2 li.attivo,.listaPiattini li.attivo{opacity:1!important}.scroll-container{position:relative;top:28%;width:100%;min-height:100%;display:flex;flex-direction:column}.categoria-section{width:100%;position:relative;display:block;clear:both}.categoria-section:after{content:"";display:block;width:70%;background:#00000014}.categoria-section:last-child:after{display:none}ul.listaCaffe{width:100%;padding-bottom:133px;list-style:none;display:flex;flex-direction:column}ul.listaCaffe li{height:36px;flex-shrink:0;width:100%;display:block;position:relative;clear:both}.listP{display:flex;flex-direction:column;align-items:flex-start;width:100%}.sottolistaP{display:flex;justify-content:space-between;flex-wrap:nowrap;height:24px}p.prezzo{font-size:13px;font-weight:700;white-space:nowrap;flex-shrink:0;margin-left:6px}.listP.panz{margin-top:3px}p.info{font-size:9px;font-family:Gelasio,serif;text-transform:capitalize;font-style:italic;word-wrap:break-word;word-break:break-word;max-width:470px;display:block}li.amarili{margin-top:12px}p.titolo-sezione{font-size:13px;font-family:Gelasio;text-transform:capitalize;font-style:italic;opacity:.9}p.f1P,p.f2P{display:none}.contcaf{position:relative;height:56px;width:100%;display:flex;align-items:center}li.titoloVini{margin-top:27px}ul.listaCaffe li.titoloVini{height:27px}.contpiat{position:relative;display:flex;width:100%;height:56px;align-items:center;z-index:3}@media (max-width: 768px){body{position:fixed;width:100%;height:100vh;height:100dvh;overflow:hidden}#root{height:100vh;height:100dvh;overflow:hidden}.menus,.pagina_sotto{height:100vh;height:100dvh}.mezza1,.mezza2,.caffè,.piattini{height:50vh;height:50dvh}ul.listaPiattini.mobile{width:100%}.primo-verticale,.primo-verticale2{top:27%;width:100%;min-width:100%;max-width:100%;padding-left:0;left:12px;padding-bottom:max(120px,calc(env(safe-area-inset-bottom) + 100px))}.sottomenuc{height:56px}.menuCaffe{height:100%}.menuPiattini{top:0;height:100%}.listP.panz{margin-top:3px}.contenitore-menu{flex-direction:column;font-size:16px;align-items:flex-start;overflow-y:auto;overflow-x:hidden;height:112%;-webkit-overflow-scrolling:touch;padding-bottom:max(100px,calc(env(safe-area-inset-bottom) + 80px))}.secondo-verticale,.secondo-verticale2{padding-right:0;padding-left:clamp(8px,3vw,12px);padding-bottom:max(150px,calc(env(safe-area-inset-bottom) + 120px));overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;transform:translateZ(0);will-change:scroll-position}p.f1P{display:block;color:#fff;margin-left:12px;font-size:10px;position:relative;top:-1000px;font-family:Gelasio,serif}p.f2P{display:block;font-family:Gelasio,serif;color:#fff;margin-right:12px;font-size:10px;position:relative;top:-1000px}li.amarili{margin-top:0}.listaCaffe2.mobile li:last-child ul.listaCaffe.mobile{padding-bottom:max(250px,calc(env(safe-area-inset-bottom) + 220px))}.cafn{position:relative;background:linear-gradient(360deg,#fff7e8c9,#0000 1%,#eddd5300);z-index:6;font-family:Freig,serif;font-size:30px;cursor:pointer;text-align:center;width:100%;justify-content:center}.cafn:before{content:"";position:absolute;inset:0;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);mask-image:linear-gradient(360deg,#000,#0000);-webkit-mask-image:linear-gradient(360deg,rgba(0,0,0,1) 70%,rgba(0,0,0,0) 100%);pointer-events:none;z-index:-1;transform:translateZ(0)}.contpiat{position:relative;background-color:#000;display:flex;width:100%;height:70px!important;z-index:3;align-items:center}.contpiat:before{content:"";position:absolute;inset:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);mask-image:linear-gradient(180deg,#000,#0000);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,1) 70%,rgba(0,0,0,0) 100%);pointer-events:none;z-index:-1;transform:translateZ(0);will-change:backdrop-filter;transition:backdrop-filter .5s ease}.contpiat.blur-attivo:before{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}ul.listaCaffe.mobile{padding-top:12px;padding-bottom:0!important}.categoria-section{margin-bottom:100px;padding:40px 0}.sottolistaP{max-width:100%;height:20px}ul.listaCaffe li{height:auto;width:95vw}.mob-cont{padding-bottom:max(40px,calc(env(safe-area-inset-bottom) + 60px))}}@supports (height: 100dvh){.menus,.pagina_sotto{height:100dvh}.mezza1,.mezza2,.caffè,.piattini{height:50dvh}@media (max-width: 768px){body,#root,.menus,.pagina_sotto{height:100dvh}.mezza1,.mezza2,.caffè,.piattini{height:50dvh}}}.no-scroll{overflow:hidden}.visible{opacity:1!important;pointer-events:auto!important}.hidden{opacity:0!important;pointer-events:none!important}@media (min-width: 769px) and (max-width: 1024px){.contenitore-menu{gap:20%}}.video-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;margin:0;padding:0;background:#000;z-index:99999;display:flex;justify-content:center;align-items:center;overflow:hidden!important;overscroll-behavior:none}.video-container{position:relative;width:100%;height:100%;margin:0;padding:0;display:flex;justify-content:center;align-items:center;overflow:hidden}.fullscreen-video{width:100%;height:100%;margin:0;padding:0;object-fit:cover;pointer-events:none;display:block}.video-text-overlay{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:100001;pointer-events:none}.ostuni-text{font-family:Freig,serif;font-size:30px;font-weight:700;color:#fff;margin:0;text-shadow:0 6px 20px rgba(0,0,0,.9);animation:fadeInScale 1s ease}.time-text{font-family:Freig,serif;font-size:30px;font-weight:500;color:#fff;text-shadow:0 4px 16px rgba(0,0,0,.9);animation:fadeInScale 1.2s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.video-overlay{height:100dvh}.fullscreen-video{width:100vh;height:100vw;object-fit:cover;transform:rotate(90deg);transform-origin:center center}}@media (max-width: 768px) and (orientation: landscape){.fullscreen-video{transform:none;width:100%;height:100%}}h1.ostuni-text{padding-left:0;padding-right:12px}.loading-screen{position:fixed;top:0;left:0;width:100svw;height:100svh;background-color:#fff7e8;display:flex;justify-content:center;align-items:center;z-index:99999;opacity:1;transition:opacity 1s ease-out}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-logo{width:120px;height:auto;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(.9);opacity:.7}50%{transform:scale(1.1);opacity:1}}@media (max-width: 768px){.loading-logo{width:90px}}@font-face{font-family:Gelasio;src:url(/Gelasio-Medium.ttf) format("truetype");font-weight:500;font-style:normal;margin:0}@font-face{font-family:Gelasio;src:url(/Gelasio-Italic-giusto.ttf) format("truetype");font-weight:500;font-style:italic;margin:0}@font-face{font-family:Freig;src:url(/Freig.otf) format("opentype");font-weight:700;font-style:normal;margin:0;line-height:1;ascent-override:85%;descent-override:15%}@font-face{font-family:Owners-Narrow;src:url(/OwnersNarrow-giusto.ttf) format("truetype");font-weight:500;font-style:normal;margin:0}a{text-decoration:none;color:inherit}html{background-color:#fff7e8}body{margin:0;padding:0;box-sizing:border-box;width:100%;height:100svh;overflow:hidden;background-color:#fff7e8}p{margin:0;padding:0}ul{list-style:none;padding:0;margin:0;text-align:left;width:207px}li{display:flex;height:36px}@media (max-width: 768px){li{height:auto;opacity:1!important}}