html,body{width:100%!important;min-height:100%!important;height:auto!important;margin:0!important;overflow-x:hidden!important;overflow-y:auto!important}html.fr-premium-locked,body.fr-premium-locked{overflow:hidden!important}.fr-premium-home,.fr-premium-home *{box-sizing:border-box}.fr-premium-home{--green:#073f32;--green-dark:#042d24;--green-soft:#0b5744;--cream:#f4f0e7;--paper:#fffefa;--gold:#c7a45b;--ink:#171c19;--text:#292f2b;--muted:#6c726e;--white:#fff;--line:rgba(7,63,50,.16);--shadow:0 22px 60px rgba(4,45,36,.14);position:relative;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden;color:var(--ink);background:var(--paper);font-family:"Montserrat",Arial,sans-serif}.fr-premium-home a{color:inherit;text-decoration:none}.fr-premium-home img{display:block;width:100%}.fr-premium-home button,.fr-premium-home input,.fr-premium-home select,.fr-premium-home textarea{font:inherit}.fr-premium-home button{cursor:pointer}.fr-premium-container{width:min(1180px,calc(100% - 48px));margin:0 auto}.fr-premium-eyebrow{display:block;margin-bottom:10px;color:var(--gold);font-size:10px;font-weight:600;line-height:1.4;letter-spacing:.24em;text-transform:uppercase}.fr-premium-script{color:var(--gold);font-family:"Cormorant Garamond",Georgia,serif;font-size:30px;font-weight:500;font-style:italic;line-height:1}.fr-premium-title{margin:12px 0 20px;color:var(--green-dark);font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(43px,5.6vw,73px);font-weight:500;line-height:.93;letter-spacing:-.035em}.fr-premium-copy{max-width:680px;color:var(--muted);font-size:14px;font-weight:400;line-height:1.9}.fr-premium-button,.fr-premium-button:link,.fr-premium-button:visited{min-height:51px;padding:0 29px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:0;font-size:10px;font-weight:600;line-height:1;letter-spacing:.14em;text-align:center;text-transform:uppercase;transition:color .3s ease,background .3s ease,border-color .3s ease,transform .3s ease}.fr-premium-button:hover{transform:translateY(-2px)}.fr-premium-button--green,.fr-premium-button--green:link,.fr-premium-button--green:visited{color:#fff!important;-webkit-text-fill-color:#fff!important;background:var(--green)}.fr-premium-button--green:hover{color:var(--green-dark)!important;-webkit-text-fill-color:var(--green-dark)!important;background:var(--gold)}.fr-premium-button--outline,.fr-premium-button--outline:link,.fr-premium-button--outline:visited{border-color:rgba(255,255,255,.58);color:#fff!important;-webkit-text-fill-color:#fff!important;background:rgba(255,255,255,.03)}.fr-premium-button--outline:hover{color:var(--green-dark)!important;-webkit-text-fill-color:var(--green-dark)!important;border-color:#fff;background:#fff}.fr-premium-button--cream,.fr-premium-button--cream:link,.fr-premium-button--cream:visited{color:var(--green)!important;-webkit-text-fill-color:var(--green)!important;background:var(--cream)}.fr-premium-button--cream:hover{color:var(--green-dark)!important;-webkit-text-fill-color:var(--green-dark)!important;background:var(--gold)}.fr-reveal{opacity:0;transform:translateY(38px);transition:opacity .85s ease,transform .85s cubic-bezier(.22,.61,.36,1)}.fr-reveal.fr-visible{opacity:1;transform:none}.fr-delay-1{transition-delay:.12s}.fr-delay-2{transition-delay:.24s}.fr-delay-3{transition-delay:.36s}.fr-premium-header{position:fixed;z-index:80;top:0;left:0;width:100%;color:#fff;border-bottom:1px solid rgba(255,255,255,.16);transition:background .35s ease,box-shadow .35s ease,min-height .35s ease}.fr-premium-header.fr-scrolled{background:rgba(4,45,36,.97);box-shadow:0 12px 35px rgba(0,0,0,.20);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.fr-premium-nav{min-height:112px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;transition:min-height .35s ease}.fr-premium-header.fr-scrolled .fr-premium-nav{min-height:88px}.fr-premium-nav-left,.fr-premium-nav-right{display:flex;align-items:center;gap:clamp(16px,2vw,29px)}.fr-premium-nav-right{justify-content:flex-end}.fr-premium-nav-link,.fr-premium-nav-link:link,.fr-premium-nav-link:visited{position:relative;min-height:43px;padding:13px 0;display:inline-flex;align-items:center;justify-content:center;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:10px;font-weight:600;line-height:1;letter-spacing:.15em;white-space:nowrap;text-transform:uppercase;transition:color .25s ease,transform .25s ease}.fr-premium-nav-link::after{content:"";position:absolute;left:0;bottom:5px;width:0;height:1px;background:var(--gold);transition:width .3s ease}.fr-premium-nav-link:hover{transform:translateY(-1px)}.fr-premium-nav-link:hover::after,.fr-premium-nav-link.fr-active::after{width:100%}.fr-premium-reserve-link,.fr-premium-reserve-link:link,.fr-premium-reserve-link:visited{color:#e8c97b!important;-webkit-text-fill-color:#e8c97b!important}.fr-premium-logo{width:205px;display:flex;align-items:center;justify-content:center;transition:width .35s ease,transform .3s ease,opacity .3s ease}.fr-premium-logo:hover{opacity:.94;transform:translateY(-2px)}.fr-premium-logo img{width:100%;height:auto;max-height:96px;object-fit:contain;filter:drop-shadow(0 5px 14px rgba(0,0,0,.24))}.fr-premium-header.fr-scrolled .fr-premium-logo{width:170px}.fr-premium-menu-toggle{display:none;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.52);border-radius:50%;color:#fff;background:rgba(4,23,17,.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.fr-premium-menu-toggle span{display:block;width:21px;height:1px;margin:5px auto;background:currentColor;transition:transform .3s ease,opacity .3s ease}.fr-premium-menu-toggle.fr-active span:nth-child(1){transform:translateY(6px) rotate(45deg)}.fr-premium-menu-toggle.fr-active span:nth-child(2){opacity:0}.fr-premium-menu-toggle.fr-active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.fr-premium-mobile-menu{position:fixed;z-index:90;inset:0;padding:125px 28px 45px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:radial-gradient(circle at 50% 15%,rgba(199,164,91,.14),transparent 31%),var(--green-dark);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-18px);transition:opacity .38s ease,visibility .38s ease,transform .38s ease}.fr-premium-mobile-menu.fr-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.fr-premium-mobile-menu a{width:100%;max-width:390px;padding:10px 0;color:#fff!important;-webkit-text-fill-color:#fff!important;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(34px,9vw,48px);font-weight:500;line-height:1.12;text-align:center;transition:color .25s ease,transform .25s ease}.fr-premium-mobile-menu a:hover{color:var(--gold)!important;-webkit-text-fill-color:var(--gold)!important;transform:translateY(-2px)}.fr-premium-mobile-close{position:absolute;top:24px;right:24px;width:48px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;color:#fff;background:transparent;font-size:26px;font-weight:300;line-height:1}.fr-premium-hero{position:relative;width:100%;height:100vh;height:100svh;min-height:700px;overflow:hidden;color:#fff;background:var(--green-dark)}.fr-premium-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.055);transition:opacity 1.05s ease,visibility 1.05s ease,transform 7s ease}.fr-premium-slide.fr-active{opacity:1;visibility:visible;transform:scale(1)}.fr-premium-slide::before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(2,18,13,.73) 0%,rgba(2,18,13,.37) 44%,rgba(2,18,13,.15) 73%,rgba(2,18,13,.38) 100%),linear-gradient(180deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.04) 39%,rgba(0,0,0,.58) 100%)}.fr-premium-slide-background,.fr-premium-feature-background{position:absolute;inset:0;background-image:var(--fr-bg);background-size:cover;background-position:center;background-repeat:no-repeat}.fr-premium-slide-content{position:relative;z-index:4;height:100%;display:flex;align-items:center;padding-top:100px}.fr-premium-hero-copy{max-width:830px;padding-top:35px}.fr-premium-hero-kicker{color:#e8c97b;font-family:"Cormorant Garamond",Georgia,serif;font-size:31px;font-weight:500;font-style:italic;line-height:1.1;opacity:0;transform:translateY(19px);transition:opacity .75s .2s ease,transform .75s .2s ease}.fr-premium-hero-title{margin:13px 0 23px;color:#fff;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(60px,8.7vw,119px);font-weight:500;line-height:.82;letter-spacing:-.047em;text-shadow:0 5px 30px rgba(0,0,0,.30);opacity:0;transform:translateY(30px);transition:opacity .9s .34s ease,transform .9s .34s ease}.fr-premium-hero-text{max-width:630px;margin:0;color:rgba(255,255,255,.80);font-size:13px;font-weight:400;line-height:1.85;opacity:0;transform:translateY(24px);transition:opacity .8s .5s ease,transform .8s .5s ease}.fr-premium-hero-actions{margin-top:34px;display:flex;align-items:center;flex-wrap:wrap;gap:13px;opacity:0;transform:translateY(21px);transition:opacity .8s .64s ease,transform .8s .64s ease}.fr-premium-slide.fr-active .fr-premium-hero-kicker,.fr-premium-slide.fr-active .fr-premium-hero-title,.fr-premium-slide.fr-active .fr-premium-hero-text,.fr-premium-slide.fr-active .fr-premium-hero-actions{opacity:1;transform:none}.fr-premium-slider-dots{position:absolute;z-index:8;top:50%;right:35px;display:flex;flex-direction:column;align-items:center;gap:13px;transform:translateY(-50%)}.fr-premium-slider-dot{width:9px;height:9px;padding:0;border:1px solid rgba(255,255,255,.82);border-radius:50%;background:transparent;transition:background .25s ease,border-color .25s ease,transform .25s ease}.fr-premium-slider-dot:hover{transform:scale(1.2)}.fr-premium-slider-dot.fr-active{border-color:var(--gold);background:var(--gold)}.fr-premium-scroll{position:absolute;z-index:7;bottom:24px;left:50%;color:rgba(255,255,255,.74);font-size:8px;font-weight:600;line-height:1;letter-spacing:.25em;text-transform:uppercase;transform:translateX(-50%)}.fr-premium-scroll::after{content:"";display:block;width:1px;height:46px;margin:12px auto 0;background:rgba(255,255,255,.45)}.fr-premium-intro,.fr-premium-menu-section,.fr-premium-events,.fr-premium-special{padding:120px 0}.fr-premium-intro,.fr-premium-menu-section{color:var(--text);background:var(--paper)}.fr-premium-intro-header,.fr-premium-menu-header{max-width:820px;margin:0 auto 58px;text-align:center}.fr-premium-menu-header{max-width:800px;margin-bottom:0}.fr-premium-intro-header .fr-premium-copy,.fr-premium-menu-header .fr-premium-copy,.fr-premium-special-header .fr-premium-copy{margin-left:auto;margin-right:auto}.fr-premium-feature-grid,.fr-premium-events-grid,.fr-premium-special-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.fr-premium-special-grid,.fr-premium-events-grid{gap:22px}.fr-premium-feature{position:relative;min-height:500px;padding:38px;display:flex;align-items:flex-end;overflow:hidden;color:#fff;background:var(--green-dark)}.fr-premium-feature::after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 22%,rgba(0,0,0,.16) 52%,rgba(0,0,0,.80) 100%)}.fr-premium-feature-background{transition:transform .8s cubic-bezier(.22,.61,.36,1),filter .5s ease}.fr-premium-feature:hover .fr-premium-feature-background{transform:scale(1.07);filter:brightness(.96)}.fr-premium-feature-content{position:relative;z-index:3}.fr-premium-feature h3{margin:8px 0 9px;color:#fff;font-family:"Cormorant Garamond",Georgia,serif;font-size:35px;font-weight:500;line-height:1}.fr-premium-feature p{max-width:315px;margin:0;color:rgba(255,255,255,.77);font-size:12px;line-height:1.75}.fr-premium-story{min-height:760px;display:grid;grid-template-columns:1.04fr .96fr;color:var(--text);background:var(--cream)}.fr-premium-story-photo,.fr-premium-reservation-photo{min-height:760px;background-image:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.19)),var(--fr-bg);background-size:cover;background-position:center;background-repeat:no-repeat}.fr-premium-story-content{padding:105px clamp(38px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.fr-premium-story-signature{margin-top:31px;color:var(--green);font-family:"Cormorant Garamond",Georgia,serif;font-size:39px;font-style:italic;line-height:1}.fr-premium-story-meta{margin-top:12px;color:var(--muted);font-size:9px;font-weight:600;line-height:1.5;letter-spacing:.20em;text-transform:uppercase}.fr-premium-special{position:relative;overflow:hidden;color:#fff;background:var(--green-dark)}.fr-premium-special::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 10%,rgba(199,164,91,.16),transparent 27%),radial-gradient(circle at 90% 90%,rgba(255,255,255,.06),transparent 31%);pointer-events:none}.fr-premium-special .fr-premium-container{position:relative;z-index:2}.fr-premium-special-header{max-width:770px;margin:0 auto;text-align:center}.fr-premium-special-header .fr-premium-title{color:#fff}.fr-premium-special-header .fr-premium-copy{color:rgba(255,255,255,.67)}.fr-premium-special-grid{margin-top:58px}.fr-premium-promo-card{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);box-shadow:0 24px 55px rgba(0,0,0,.20);transition:transform .4s cubic-bezier(.22,.61,.36,1),box-shadow .4s ease,border-color .4s ease}.fr-premium-promo-card:hover{transform:translateY(-8px);border-color:rgba(199,164,91,.52);box-shadow:0 34px 74px rgba(0,0,0,.29)}.fr-premium-promo-card a{display:block}.fr-premium-promo-card-image{width:100%;height:auto;background:#f4eee4;transition:transform .65s cubic-bezier(.22,.61,.36,1),filter .45s ease}.fr-premium-promo-card:hover .fr-premium-promo-card-image{transform:scale(1.025);filter:brightness(.98)}.fr-premium-promo-card-footer{padding:19px 22px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.fr-premium-promo-card-label{color:rgba(255,255,255,.78);font-size:9px;font-weight:600;line-height:1.5;letter-spacing:.16em;text-transform:uppercase}.fr-premium-promo-card-arrow{color:var(--gold);font-family:"Cormorant Garamond",Georgia,serif;font-size:28px;line-height:1}.fr-premium-filters{margin:39px 0 55px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.fr-premium-filter-button{min-height:42px;padding:0 21px;border:1px solid var(--line);color:var(--green);background:transparent;font-size:9px;font-weight:700;line-height:1;letter-spacing:.13em;text-transform:uppercase;transition:color .25s ease,background .25s ease,border-color .25s ease,transform .25s ease}.fr-premium-filter-button:hover,.fr-premium-filter-button.fr-active{color:#fff;border-color:var(--green);background:var(--green);transform:translateY(-1px)}.fr-premium-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 55px}.fr-premium-menu-item{padding:24px 0;display:grid;grid-template-columns:92px 1fr auto;align-items:center;gap:20px;border-bottom:1px dashed rgba(7,63,50,.22);transition:transform .3s ease,opacity .3s ease}.fr-premium-menu-item.fr-hidden{display:none}.fr-premium-menu-item:hover{transform:translateX(6px)}.fr-premium-menu-thumb{width:92px;height:92px;border-radius:50%;object-fit:cover;box-shadow:0 10px 28px rgba(4,45,36,.12)}.fr-premium-menu-item h3{margin:0 0 6px;color:var(--green-dark);font-family:"Cormorant Garamond",Georgia,serif;font-size:25px;font-weight:600;line-height:1.05}.fr-premium-menu-item p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.fr-premium-menu-price{color:var(--gold);font-family:"Cormorant Garamond",Georgia,serif;font-size:25px;font-weight:600;line-height:1;white-space:nowrap}.fr-premium-menu-cta{margin-top:50px;text-align:center}.fr-premium-quote{position:relative;min-height:580px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;text-align:center;background-image:linear-gradient(rgba(2,35,27,.80),rgba(2,35,27,.80)),var(--fr-bg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.fr-premium-quote-inner{position:relative;z-index:2;max-width:940px;padding:80px 26px}.fr-premium-quote-mark{color:var(--gold);font-family:"Cormorant Garamond",Georgia,serif;font-size:105px;line-height:.42}.fr-premium-quote blockquote{margin:27px 0;color:#fff;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(35px,5.3vw,62px);font-weight:500;line-height:1.1}.fr-premium-quote cite{color:#e7c979;font-size:9px;font-weight:600;font-style:normal;line-height:1.5;letter-spacing:.21em;text-transform:uppercase}.fr-premium-events{color:var(--text);background:var(--cream)}.fr-premium-events-header{margin-bottom:47px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.fr-premium-events-header .fr-premium-title{margin-bottom:0}.fr-premium-event-card{overflow:hidden;background:var(--paper);box-shadow:0 16px 46px rgba(4,45,36,.09);transition:transform .4s cubic-bezier(.22,.61,.36,1),box-shadow .4s ease}.fr-premium-event-card:hover{transform:translateY(-7px);box-shadow:0 27px 62px rgba(4,45,36,.15)}.fr-premium-event-image-wrap{overflow:hidden}.fr-premium-event-image{height:290px;object-fit:cover;transition:transform .65s cubic-bezier(.22,.61,.36,1)}.fr-premium-event-card:hover .fr-premium-event-image{transform:scale(1.045)}.fr-premium-event-body{padding:29px 29px 31px}.fr-premium-event-date{color:var(--gold);font-size:9px;font-weight:600;line-height:1.4;letter-spacing:.18em;text-transform:uppercase}.fr-premium-event-body h3{margin:11px 0 10px;color:var(--green-dark);font-family:"Cormorant Garamond",Georgia,serif;font-size:31px;font-weight:600;line-height:1.03}.fr-premium-event-body p{margin:0;color:var(--muted);font-size:12px;line-height:1.75}.fr-premium-event-link{display:inline-block;margin-top:15px;color:var(--green)!important;-webkit-text-fill-color:var(--green)!important;font-size:9px;font-weight:700;line-height:1.4;letter-spacing:.15em;text-transform:uppercase}.fr-premium-reservation{min-height:710px;display:grid;grid-template-columns:1fr 1fr;color:#fff;background:var(--green)}.fr-premium-reservation-photo{min-height:710px;background-image:linear-gradient(rgba(0,0,0,.10),rgba(0,0,0,.25)),var(--fr-bg)}.fr-premium-reservation-panel{padding:90px clamp(36px,7vw,100px);display:flex;flex-direction:column;justify-content:center}.fr-premium-reservation .fr-premium-title{color:#fff}.fr-premium-reservation .fr-premium-copy{color:rgba(255,255,255,.69)}.fr-premium-booking-form{margin-top:36px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.fr-premium-booking-form input,.fr-premium-booking-form select,.fr-premium-booking-form textarea{width:100%;min-height:54px;padding:15px 16px;border:1px solid rgba(255,255,255,.24);border-radius:0;outline:none;color:#fff;background:rgba(255,255,255,.055);transition:border-color .25s ease,background .25s ease}.fr-premium-booking-form input:focus,.fr-premium-booking-form select:focus,.fr-premium-booking-form textarea:focus{border-color:rgba(199,164,91,.90);background:rgba(255,255,255,.08)}.fr-premium-booking-form input::placeholder,.fr-premium-booking-form textarea::placeholder{color:rgba(255,255,255,.56)}.fr-premium-booking-form select{color:#fff}.fr-premium-booking-form option{color:#111}.fr-premium-booking-form textarea{grid-column:1/-1;min-height:112px;resize:vertical}.fr-premium-booking-form button{grid-column:1/-1;border:0}.fr-premium-footer{padding:82px 0 26px;color:#fff;background:#021f18}.fr-premium-footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:70px}.fr-premium-footer-logo{width:210px;margin-bottom:22px}.fr-premium-footer-logo img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 5px 15px rgba(0,0,0,.22))}.fr-premium-footer p,.fr-premium-footer li{color:rgba(255,255,255,.59);font-size:11px;line-height:1.9}.fr-premium-footer h4{margin:0 0 20px;color:var(--gold);font-size:10px;font-weight:600;line-height:1.4;letter-spacing:.17em;text-transform:uppercase}.fr-premium-footer ul{margin:0;padding:0;list-style:none}.fr-premium-footer a:hover{color:#fff}.fr-premium-footer-bottom{margin-top:57px;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.44);font-size:9px;line-height:1.6}.fr-premium-to-top{position:fixed;z-index:70;right:22px;bottom:22px;width:46px;height:46px;padding:0;display:flex;align-items:center;justify-content:center;border:0;color:var(--green-dark);background:var(--gold);font-family:"Cormorant Garamond",Georgia,serif;font-size:22px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease,background .3s ease}.fr-premium-to-top.fr-show{opacity:1;visibility:visible;transform:none}.fr-premium-to-top:hover{background:#fff}
@media(max-width:1050px){.fr-premium-nav{min-height:94px;grid-template-columns:auto 1fr auto}.fr-premium-nav-left,.fr-premium-nav-right{display:none}.fr-premium-logo{width:174px;grid-column:1}.fr-premium-header.fr-scrolled .fr-premium-logo{width:155px}.fr-premium-menu-toggle{display:block;grid-column:3}.fr-premium-feature-grid,.fr-premium-events-grid{grid-template-columns:1fr 1fr}.fr-premium-feature:last-child,.fr-premium-event-card:last-child{grid-column:1/-1;width:calc(50% - 9px);margin:0 auto}.fr-premium-story,.fr-premium-reservation{grid-template-columns:1fr}.fr-premium-story-photo,.fr-premium-reservation-photo{min-height:520px}.fr-premium-special-grid{grid-template-columns:1fr 1fr}.fr-premium-promo-card:last-child{grid-column:1/-1;width:calc(50% - 11px);margin:0 auto}.fr-premium-menu-grid{grid-template-columns:1fr}}
@media(max-width:680px){.fr-premium-container{width:min(100% - 30px,1180px)}.fr-premium-nav{min-height:82px}.fr-premium-logo{width:146px}.fr-premium-header.fr-scrolled .fr-premium-logo{width:138px}.fr-premium-menu-toggle{width:46px;height:46px}.fr-premium-hero{min-height:720px}.fr-premium-slide-content{align-items:flex-end;padding-top:100px;padding-bottom:95px}.fr-premium-hero-copy{width:100%}.fr-premium-hero-kicker{font-size:26px}.fr-premium-hero-title{font-size:clamp(53px,16vw,72px);line-height:.84}.fr-premium-hero-text{max-width:94%;font-size:12px;line-height:1.75}.fr-premium-hero-actions{align-items:flex-start;flex-direction:column}.fr-premium-slider-dots{top:auto;right:18px;bottom:36px;flex-direction:row;transform:none}.fr-premium-scroll{display:none}.fr-premium-intro,.fr-premium-menu-section,.fr-premium-events,.fr-premium-special{padding:86px 0}.fr-premium-feature-grid,.fr-premium-special-grid,.fr-premium-events-grid{grid-template-columns:1fr}.fr-premium-feature,.fr-premium-feature:last-child{width:100%;min-height:430px;grid-column:auto;margin:0;padding:28px}.fr-premium-promo-card,.fr-premium-promo-card:last-child,.fr-premium-event-card,.fr-premium-event-card:last-child{width:100%;grid-column:auto;margin:0}.fr-premium-story-photo,.fr-premium-reservation-photo{min-height:390px}.fr-premium-story-content,.fr-premium-reservation-panel{padding:76px 24px}.fr-premium-quote{min-height:540px;background-attachment:scroll}.fr-premium-menu-item{grid-template-columns:68px 1fr auto;gap:13px}.fr-premium-menu-thumb{width:68px;height:68px}.fr-premium-menu-item h3{font-size:21px}.fr-premium-menu-price{font-size:21px}.fr-premium-events-header{display:block}.fr-premium-events-header .fr-premium-button{margin-top:23px}.fr-premium-booking-form{grid-template-columns:1fr}.fr-premium-booking-form textarea,.fr-premium-booking-form button{grid-column:auto}.fr-premium-footer-grid{grid-template-columns:1fr;gap:38px}.fr-premium-footer-bottom{display:block}}
@media(max-width:390px){.fr-premium-container{width:calc(100% - 26px)}.fr-premium-logo{width:134px}.fr-premium-hero-title{font-size:49px}.fr-premium-title{font-size:40px}.fr-premium-menu-item{grid-template-columns:58px 1fr auto;gap:10px}.fr-premium-menu-thumb{width:58px;height:58px}}
@media(prefers-reduced-motion:reduce){.fr-premium-home *,.fr-premium-home *::before,.fr-premium-home *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* ===== v1.2.0 refinements ===== */
.fr-premium-header{height:112px}
.fr-premium-header.fr-scrolled{height:78px}
.fr-premium-nav{height:112px;min-height:112px}
.fr-premium-header.fr-scrolled .fr-premium-nav{height:78px;min-height:78px}
.fr-premium-logo{width:190px;height:82px;max-height:82px;overflow:hidden}
.fr-premium-logo img{width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center}
.fr-premium-header.fr-scrolled .fr-premium-logo{width:148px;height:58px;max-height:58px}
.fr-premium-special-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.fr-premium-promo-card,.fr-premium-promo-card a{height:100%}
.fr-premium-promo-card a{display:flex;flex-direction:column}
.fr-premium-promo-card-image{display:block;width:100%;aspect-ratio:4/5;height:auto;object-fit:cover;object-position:center}
.fr-premium-promo-card-footer{margin-top:auto;min-height:70px}
.fr-premium-feature--breakfast .fr-premium-feature-background{background-position:center}
.fr-premium-feature--lunch .fr-premium-feature-background{background-position:center}
.fr-premium-slide--four .fr-premium-slide-background{background-position:center}
@media(max-width:1050px){
.fr-premium-header{height:92px}.fr-premium-nav{height:92px;min-height:92px}
.fr-premium-header.fr-scrolled{height:72px}.fr-premium-header.fr-scrolled .fr-premium-nav{height:72px;min-height:72px}
.fr-premium-logo{width:154px;height:68px;max-height:68px}.fr-premium-header.fr-scrolled .fr-premium-logo{width:128px;height:50px;max-height:50px}
.fr-premium-special-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.fr-premium-promo-card:last-child{grid-column:auto;width:auto;margin:0}
.fr-premium-promo-card-footer{padding:16px 16px 18px}.fr-premium-promo-card-label{font-size:8px}
}
@media(max-width:680px){
.fr-premium-header{height:82px}.fr-premium-nav{height:82px;min-height:82px}
.fr-premium-header.fr-scrolled{height:66px}.fr-premium-header.fr-scrolled .fr-premium-nav{height:66px;min-height:66px}
.fr-premium-logo{width:138px;height:60px;max-height:60px}.fr-premium-header.fr-scrolled .fr-premium-logo{width:112px;height:44px;max-height:44px}
.fr-premium-special-grid{grid-template-columns:1fr;gap:18px}
.fr-premium-promo-card-image{aspect-ratio:4/5}
}
@media(max-width:390px){.fr-premium-logo{width:128px;height:56px}.fr-premium-header.fr-scrolled .fr-premium-logo{width:106px;height:42px}}
/* =========================================================
V1.3 — FINITURE HEADER, HERO E CARD
========================================================= */
.fr-premium-logo,
.fr-premium-header.fr-scrolled .fr-premium-logo{
width:145px !important;
height:64px !important;
max-height:64px !important;
flex:0 0 145px !important;
overflow:visible !important;
}
.fr-premium-logo img,
.fr-premium-header.fr-scrolled .fr-premium-logo img{
width:100% !important;
height:100% !important;
max-height:64px !important;
object-fit:contain !important;
object-position:center !important;
}
.fr-premium-header.fr-scrolled .fr-premium-nav{
min-height:82px !important;
}
.fr-premium-slide--one .fr-premium-slide-background{
background-position:center center !important;
}
.fr-premium-slide--two .fr-premium-slide-background{
background-position:center center !important;
}
.fr-premium-slide--three .fr-premium-slide-background{
background-position:center center !important;
}
.fr-premium-special-grid{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:24px !important;
align-items:stretch !important;
}
.fr-premium-promo-card,
.fr-premium-promo-card:last-child{
width:100% !important;
height:100% !important;
margin:0 !important;
grid-column:auto !important;
}
.fr-premium-promo-card a{
height:100% !important;
display:flex !important;
flex-direction:column !important;
}
.fr-premium-promo-card-image{
display:block !important;
width:100% !important;
height:520px !important;
aspect-ratio:auto !important;
object-fit:contain !important;
object-position:center !important;
background:#f5f0e7 !important;
}
.fr-premium-promo-card:nth-child(2) .fr-premium-promo-card-image{
object-fit:cover !important;
background:#050505 !important;
}
.fr-premium-promo-card-footer{
min-height:78px !important;
margin-top:auto !important;
}
.fr-premium-events-grid{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:24px !important;
align-items:stretch !important;
}
.fr-premium-event-card,
.fr-premium-event-card:last-child{
width:100% !important;
height:100% !important;
margin:0 !important;
grid-column:auto !important;
}
.fr-premium-event-image-wrap{
height:360px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
background:#f5f0e7 !important;
}
.fr-premium-event-image{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center !important;
}
.fr-premium-event-card:first-child .fr-premium-event-image,
.fr-premium-event-card:last-child .fr-premium-event-image{
object-fit:contain !important;
}
.fr-premium-event-body{
text-align:left !important;
}
@media(max-width:1050px){
.fr-premium-logo,
.fr-premium-header.fr-scrolled .fr-premium-logo{
width:145px !important;
height:64px !important;
max-height:64px !important;
flex-basis:145px !important;
}
.fr-premium-logo img,
.fr-premium-header.fr-scrolled .fr-premium-logo img{
max-height:64px !important;
}
.fr-premium-special-grid,
.fr-premium-events-grid{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:14px !important;
}
.fr-premium-promo-card-image{height:430px !important;}
.fr-premium-event-image-wrap{height:300px !important;}
}
@media(max-width:760px){
.fr-premium-logo,
.fr-premium-header.fr-scrolled .fr-premium-logo{
width:145px !important;
height:60px !important;
max-height:60px !important;
flex-basis:145px !important;
}
.fr-premium-logo img,
.fr-premium-header.fr-scrolled .fr-premium-logo img{
max-height:60px !important;
}
.fr-premium-special-grid,
.fr-premium-events-grid{
grid-template-columns:1fr !important;
gap:20px !important;
}
.fr-premium-promo-card-image{
height:auto !important;
aspect-ratio:4/5 !important;
}
.fr-premium-event-image-wrap{
height:auto !important;
aspect-ratio:4/3 !important;
}
.fr-premium-event-card:first-child .fr-premium-event-image,
.fr-premium-event-card:last-child .fr-premium-event-image{
object-fit:contain !important;
}
}
/* =========================================================
V1.4 — MOBILE DEFINITIVO + SWIPE + FEATURE LINK
========================================================= */
.fr-premium-header{
border-top:0 !important;
outline:0 !important;
box-shadow:none;
}
.fr-premium-header::before,
.fr-premium-header::after{
display:none !important;
content:none !important;
}
.fr-premium-header.fr-scrolled{
box-shadow:0 10px 28px rgba(0,0,0,.18) !important;
}
.fr-premium-feature{
color:inherit !important;
-webkit-text-fill-color:inherit !important;
text-decoration:none !important;
cursor:pointer;
}
.fr-premium-feature:focus-visible{
outline:2px solid var(--gold);
outline-offset:4px;
}
.fr-premium-hero{
touch-action:pan-y;
overscroll-behavior-x:contain;
}
@media(max-width:680px){
html,body{
margin:0 !important;
padding:0 !important;
}
.fr-premium-home{
margin-top:0 !important;
padding-top:0 !important;
}
.fr-premium-header{
top:0 !important;
border-top:0 !important;
border-bottom:0 !important;
background:rgba(4,45,36,.96) !important;
}
.fr-premium-header.fr-scrolled{
border:0 !important;
}
.fr-premium-hero{
height:100svh !important;
min-height:0 !important;
margin:0 !important;
padding:0 !important;
}
.fr-premium-slide,
.fr-premium-slide-background{
top:0 !important;
bottom:0 !important;
}
.fr-premium-intro{
margin-top:0 !important;
border-top:0 !important;
}
.fr-premium-intro::before,
.fr-premium-intro::after{
display:none !important;
content:none !important;
}
}
/* =========================================================
V1.8.0 — HOME PIU ESSENZIALE
4 MOMENTI + EXPERIENCE + CERNOBBIO + FOOTER COMPATTO
========================================================= */
.fr-premium-feature-grid--four{
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:16px !important;
}
.fr-premium-feature-grid--four .fr-premium-feature{
min-height:430px;
padding:30px;
}
.fr-premium-feature-grid--four .fr-premium-feature h3{
font-size:clamp(34px,3.2vw,48px);
}
.fr-premium-feature--evening .fr-premium-feature-background{
background-position:center;
}
.fr-premium-reviews{
padding:clamp(90px,10vw,145px) 0;
color:var(--text);
background:var(--paper);
}
.fr-premium-reviews-header{
max-width:780px;
margin:0 auto 58px;
text-align:center;
}
.fr-premium-reviews-header .fr-premium-copy{margin-left:auto;margin-right:auto}
.fr-premium-reviews-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:18px;
}
.fr-premium-review-card{
min-height:290px;
padding:34px;
display:flex;
flex-direction:column;
border:1px solid var(--line);
background:#fff;
}
.fr-premium-review-index{
color:var(--green);
font-size:9px;
font-weight:600;
letter-spacing:.18em;
opacity:.55;
}
.fr-premium-review-stars{
margin:43px 0 16px;
color:var(--gold);
font-size:14px;
letter-spacing:.18em;
}
.fr-premium-review-card h3{
margin:0;
color:var(--green-dark);
font-family:"Cormorant Garamond",Georgia,serif;
font-size:34px;
font-weight:500;
line-height:1;
}
.fr-premium-review-card p{
margin:16px 0 0;
color:var(--muted);
font-size:12px;
line-height:1.75;
}
.fr-premium-heritage{
padding:clamp(72px,8vw,110px) 0;
background:#eee7d9;
}
.fr-premium-heritage-inner{
display:grid;
grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
gap:clamp(50px,8vw,110px);
align-items:center;
}
.fr-premium-heritage .fr-premium-title{margin-bottom:0}
.fr-premium-heritage-copy p{
max-width:590px;
margin:0;
color:var(--muted);
font-size:14px;
line-height:1.85;
}
.fr-premium-heritage-link{
display:inline-block;
margin-top:25px;
color:var(--green) !important;
-webkit-text-fill-color:var(--green) !important;
font-size:9px;
font-weight:700;
letter-spacing:.16em;
text-transform:uppercase;
}
.fr-premium-footer{
padding:58px 0 22px !important;
}
.fr-premium-footer-grid{
grid-template-columns:1.05fr .8fr 1fr !important;
gap:50px !important;
}
.fr-premium-footer-logo{
width:138px !important;
margin-bottom:16px !important;
}
.fr-premium-footer-logo img{
max-height:86px !important;
}
.fr-premium-footer p{
max-width:340px;
margin:0;
}
.fr-premium-footer-cernobbio{
display:inline-block;
margin-top:13px;
color:var(--gold) !important;
-webkit-text-fill-color:var(--gold) !important;
font-size:9px;
font-weight:600;
letter-spacing:.14em;
text-transform:uppercase;
}
.fr-premium-footer-bottom{
margin-top:38px !important;
}
@media(max-width:1050px){
.fr-premium-feature-grid--four{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.fr-premium-feature-grid--four .fr-premium-feature,
.fr-premium-feature-grid--four .fr-premium-feature:last-child{
width:100% !important;
min-height:410px;
grid-column:auto !important;
margin:0 !important;
}
.fr-premium-reviews-grid{grid-template-columns:1fr 1fr}
.fr-premium-review-card:last-child{grid-column:1/-1}
}
@media(max-width:680px){
.fr-premium-feature-grid--four{
grid-template-columns:1fr !important;
gap:16px !important;
}
.fr-premium-feature-grid--four .fr-premium-feature{
min-height:390px;
}
.fr-premium-reviews{padding:82px 0}
.fr-premium-reviews-grid{grid-template-columns:1fr}
.fr-premium-review-card,
.fr-premium-review-card:last-child{grid-column:auto;min-height:245px;padding:28px}
.fr-premium-review-stars{margin-top:34px}
.fr-premium-heritage{padding:76px 0}
.fr-premium-heritage-inner{grid-template-columns:1fr;gap:28px}
.fr-premium-footer{padding-top:48px !important}
.fr-premium-footer-grid{grid-template-columns:1fr !important;gap:30px !important}
.fr-premium-footer-logo{width:118px !important}
}
/* =========================================================
V1.8.1 — HOME REFINEMENT
EXPERIENCE / EVENTI / PRENOTAZIONE / FOOTER
========================================================= */
/* EXPERIENCE: più editoriale, meno "card recensione" */
.fr-premium-values{
padding:clamp(82px,8.5vw,122px) 0 !important;
background:var(--green-dark) !important;
color:#fff;
}
.fr-premium-values .fr-premium-reviews-header{
max-width:720px;
margin-bottom:48px;
}
.fr-premium-values .fr-premium-script{color:#e4c36f}
.fr-premium-values .fr-premium-title{color:#fff}
.fr-premium-values .fr-premium-copy{color:rgba(255,255,255,.66)}
.fr-premium-values .fr-premium-reviews-grid{
gap:0;
border-top:1px solid rgba(255,255,255,.17);
border-bottom:1px solid rgba(255,255,255,.17);
}
.fr-premium-values .fr-premium-review-card{
min-height:245px;
padding:40px 34px 42px;
border:0;
border-right:1px solid rgba(255,255,255,.17);
background:transparent;
}
.fr-premium-values .fr-premium-review-card:last-child{border-right:0}
.fr-premium-values .fr-premium-review-index{
color:#e4c36f;
opacity:1;
font-size:8px;
}
.fr-premium-values .fr-premium-review-stars{display:none !important}
.fr-premium-values .fr-premium-review-card h3{
margin-top:auto;
color:#fff;
font-size:clamp(31px,3vw,42px);
font-weight:500;
}
.fr-premium-values .fr-premium-review-card p{
max-width:320px;
color:rgba(255,255,255,.60);
}
/* EVENTI: locandine/PDF visibili interamente */
.fr-premium-event-image-wrap{
height:365px !important;
display:flex;
align-items:center;
justify-content:center;
background:#eee8dc;
}
.fr-premium-event-image{
width:100%;
height:100% !important;
}
.fr-premium-event-card:first-child .fr-premium-event-image,
.fr-premium-event-card:last-child .fr-premium-event-image{
object-fit:contain !important;
object-position:center !important;
padding:12px;
}
.fr-premium-event-card:nth-child(2) .fr-premium-event-image{
object-fit:cover !important;
padding:0;
}
/* PRENOTAZIONE: più compatta */
.fr-premium-reservation{
min-height:620px !important;
}
.fr-premium-reservation-photo{
min-height:620px !important;
}
.fr-premium-reservation-panel{
padding-top:70px !important;
padding-bottom:70px !important;
}
.fr-premium-reservation .fr-premium-script{
font-size:27px;
}
.fr-premium-reservation .fr-premium-title{
font-size:clamp(46px,4.8vw,68px) !important;
line-height:.94;
}
.fr-premium-reservation .fr-premium-copy{
font-size:13px;
line-height:1.75;
max-width:560px;
}
.fr-premium-booking-form{
margin-top:28px !important;
}
/* FOOTER: logo realmente piccolo + Cernobbio pulito */
.fr-premium-footer{
padding:46px 0 20px !important;
}
.fr-premium-footer-grid{
grid-template-columns:1.1fr .75fr .9fr !important;
gap:46px !important;
align-items:start;
}
.fr-premium-footer-logo{
display:block !important;
width:104px !important;
max-width:104px !important;
margin:0 0 14px !important;
}
.fr-premium-footer-logo img{
width:104px !important;
max-width:104px !important;
height:auto !important;
max-height:none !important;
}
.fr-premium-footer p{
max-width:310px;
margin:0 !important;
font-size:10px !important;
line-height:1.75 !important;
}
.fr-premium-footer-cernobbio{
width:max-content;
max-width:100%;
margin-top:17px !important;
padding:9px 12px 10px;
display:flex !important;
flex-direction:column;
gap:2px;
border:1px solid rgba(199,164,91,.42);
color:#fff !important;
-webkit-text-fill-color:#fff !important;
letter-spacing:0 !important;
text-transform:none !important;
}
.fr-premium-footer-cernobbio-label{
color:rgba(255,255,255,.48);
font-size:7px;
font-weight:500;
letter-spacing:.15em;
text-transform:uppercase;
}
.fr-premium-footer-cernobbio strong{
color:var(--gold);
font-family:"Cormorant Garamond",Georgia,serif;
font-size:17px;
font-weight:500;
line-height:1.05;
}
.fr-premium-footer-bottom{
margin-top:30px !important;
padding-top:18px !important;
}
/* TABLET */
@media(max-width:1050px){
.fr-premium-values .fr-premium-reviews-grid{
grid-template-columns:1fr !important;
}
.fr-premium-values .fr-premium-review-card,
.fr-premium-values .fr-premium-review-card:last-child{
grid-column:auto !important;
min-height:190px;
border-right:0;
border-bottom:1px solid rgba(255,255,255,.17);
}
.fr-premium-values .fr-premium-review-card:last-child{border-bottom:0}
.fr-premium-event-image-wrap{height:390px !important}
.fr-premium-footer-grid{
grid-template-columns:1fr 1fr 1fr !important;
gap:34px !important;
}
}
/* MOBILE */
@media(max-width:680px){
.fr-premium-values{
padding:72px 0 !important;
}
.fr-premium-values .fr-premium-reviews-header{
margin-bottom:36px;
text-align:left;
}
.fr-premium-values .fr-premium-title{
font-size:clamp(43px,12vw,57px);
}
.fr-premium-values .fr-premium-review-card,
.fr-premium-values .fr-premium-review-card:last-child{
min-height:175px !important;
padding:28px 0 !important;
}
.fr-premium-values .fr-premium-review-card h3{
margin-top:28px;
font-size:34px;
}
.fr-premium-events{
padding-top:74px !important;
padding-bottom:74px !important;
}
.fr-premium-events-header{
margin-bottom:34px !important;
}
.fr-premium-event-image-wrap{
height:430px !important;
}
.fr-premium-event-card:first-child .fr-premium-event-image,
.fr-premium-event-card:last-child .fr-premium-event-image{
padding:10px;
}
.fr-premium-reservation{
min-height:0 !important;
}
.fr-premium-reservation-photo{
min-height:360px !important;
}
.fr-premium-reservation-panel{
padding:58px 22px 64px !important;
}
.fr-premium-reservation .fr-premium-script{
font-size:25px;
}
.fr-premium-reservation .fr-premium-title{
font-size:clamp(39px,10.8vw,50px) !important;
margin-top:9px;
}
.fr-premium-reservation .fr-premium-copy{
font-size:12px;
}
.fr-premium-footer{
padding:38px 0 18px !important;
}
.fr-premium-footer-grid{
grid-template-columns:1fr !important;
gap:27px !important;
}
.fr-premium-footer-logo,
.fr-premium-footer-logo img{
width:92px !important;
max-width:92px !important;
}
.fr-premium-footer-cernobbio{
margin-top:15px !important;
}
.fr-premium-footer-bottom{
margin-top:24px !important;
font-size:8px !important;
}
}
/* =========================================================
V1.8.2 — STYLE SECTION / MOBILE EVENTS / CLEAN FOOTER
========================================================= */
/* ---------------------------------------------------------
IDEA DI FEDERICO — completamente ripensata
--------------------------------------------------------- */
.fr-premium-values-v2{
padding:clamp(88px,9vw,132px) 0;
background:#fffefa;
color:var(--green);
}
.fr-premium-values-v2-head{
width:min(100%,820px);
margin:0 auto 60px;
text-align:center;
}
.fr-premium-values-v2-head .fr-premium-script{
color:var(--gold);
}
.fr-premium-values-v2-head .fr-premium-title{
color:var(--green);
font-size:clamp(54px,6.4vw,90px);
line-height:.88;
}
.fr-premium-values-v2-head .fr-premium-copy{
width:min(100%,650px);
margin-left:auto;
margin-right:auto;
color:#717671;
}
.fr-premium-values-v2-list{
border-top:1px solid rgba(6,63,49,.18);
}
.fr-premium-values-v2-item{
min-height:155px;
padding:30px 0;
display:grid;
grid-template-columns:70px minmax(240px,.65fr) minmax(300px,1fr);
gap:35px;
align-items:center;
border-bottom:1px solid rgba(6,63,49,.18);
}
.fr-premium-values-v2-item > span{
color:var(--gold);
font-family:"Montserrat",Arial,sans-serif;
font-size:9px;
font-weight:700;
letter-spacing:.18em;
}
.fr-premium-values-v2-item h3{
margin:0;
color:var(--green);
font-family:"Cormorant Garamond",Georgia,serif;
font-size:clamp(30px,3vw,44px);
font-weight:500;
line-height:.95;
}
.fr-premium-values-v2-item p{
max-width:560px;
margin:0;
color:#777b77;
font-size:13px;
line-height:1.7;
}
/* ---------------------------------------------------------
FOOTER — niente seconda CTA Cernobbio
--------------------------------------------------------- */
.fr-premium-footer-brand{
min-width:0;
}
.fr-premium-footer-cernobbio{
display:none !important;
}
.fr-premium-footer p{
margin-bottom:0 !important;
}
/* ---------------------------------------------------------
MOBILE EVENTS — CAROSELLO ORIZZONTALE, LEGGIBILE
--------------------------------------------------------- */
@media(max-width:680px){
.fr-premium-values-v2{
padding:72px 0 78px;
}
.fr-premium-values-v2-head{
margin-bottom:42px;
text-align:left;
}
.fr-premium-values-v2-head .fr-premium-title{
font-size:clamp(45px,12vw,58px);
line-height:.9;
}
.fr-premium-values-v2-head .fr-premium-copy{
margin-left:0;
margin-right:0;
font-size:13px;
line-height:1.7;
}
.fr-premium-values-v2-list{
border-top:1px solid rgba(6,63,49,.18);
}
.fr-premium-values-v2-item{
min-height:0;
padding:28px 0 31px;
grid-template-columns:42px minmax(0,1fr);
gap:8px 14px;
align-items:start;
}
.fr-premium-values-v2-item > span{
grid-row:1 / span 2;
padding-top:7px;
font-size:8px;
}
.fr-premium-values-v2-item h3{
font-size:32px;
line-height:.96;
}
.fr-premium-values-v2-item p{
grid-column:2;
margin-top:7px;
font-size:12px;
line-height:1.65;
}
.fr-premium-events{
overflow:hidden;
}
.fr-premium-events .fr-premium-container{
overflow:visible;
}
.fr-premium-events-header{
align-items:flex-start !important;
}
.fr-premium-events-grid{
width:calc(100% + 24px);
margin-right:-24px;
padding-right:24px;
display:flex !important;
gap:14px !important;
overflow-x:auto;
overflow-y:hidden;
scroll-snap-type:x mandatory;
scroll-padding-left:0;
-webkit-overflow-scrolling:touch;
scrollbar-width:none;
overscroll-behavior-x:contain;
}
.fr-premium-events-grid::-webkit-scrollbar{
display:none;
}
.fr-premium-event-card{
flex:0 0 min(82vw,370px);
scroll-snap-align:start;
min-width:0;
}
.fr-premium-event-image-wrap{
height:295px !important;
}
.fr-premium-event-card:first-child .fr-premium-event-image,
.fr-premium-event-card:last-child .fr-premium-event-image{
object-fit:contain !important;
padding:9px !important;
}
.fr-premium-event-card:nth-child(2) .fr-premium-event-image{
object-fit:cover !important;
padding:0 !important;
}
.fr-premium-event-body{
padding:24px 22px 26px !important;
}
.fr-premium-event-body h3{
font-size:31px !important;
line-height:1 !important;
}
.fr-premium-event-body p{
font-size:12px !important;
line-height:1.6 !important;
}
/* footer ancora più ordinato */
.fr-premium-footer-grid{
gap:24px !important;
}
.fr-premium-footer-logo,
.fr-premium-footer-logo img{
width:86px !important;
max-width:86px !important;
}
.fr-premium-footer-brand p{
max-width:285px;
}
}
/* tablet */
@media(min-width:681px) and (max-width:1050px){
.fr-premium-values-v2-item{
grid-template-columns:55px minmax(220px,.8fr) minmax(0,1fr);
gap:24px;
}
}
/* =========================================================
V1.8.3 — ORIGIN STORY + MOBILE EVENTS SWIPE CUE
========================================================= */
/* ---------------------------------------------------------
L'IDEA DI FEDERICO — storia + due sedi
--------------------------------------------------------- */
.fr-premium-origin{
padding:clamp(92px,9vw,138px) 0;
background:#fffefa;
color:var(--green);
}
.fr-premium-origin-grid{
display:grid;
grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
gap:clamp(70px,8vw,125px);
align-items:start;
}
.fr-premium-origin-intro{
position:sticky;
top:125px;
}
.fr-premium-origin-intro .fr-premium-script{
color:var(--gold);
}
.fr-premium-origin-intro .fr-premium-title{
margin-top:10px;
color:var(--green);
font-size:clamp(62px,6.6vw,100px);
line-height:.82;
}
.fr-premium-origin-lead{
max-width:560px;
margin:34px 0 0;
color:#6f746f;
font-size:15px;
font-weight:300;
line-height:1.85;
}
.fr-premium-origin-link{
width:max-content;
max-width:100%;
margin-top:32px;
padding-bottom:7px;
display:inline-flex;
align-items:center;
gap:12px;
border-bottom:1px solid rgba(6,63,49,.35);
color:var(--green) !important;
font-family:"Montserrat",Arial,sans-serif;
font-size:9px;
font-weight:700;
letter-spacing:.17em;
text-transform:uppercase;
}
.fr-premium-origin-link span{
color:var(--gold);
font-size:16px;
line-height:1;
}
.fr-premium-origin-places{
border-top:1px solid rgba(6,63,49,.18);
}
.fr-premium-origin-place{
min-height:220px;
padding:38px 0;
display:grid;
grid-template-columns:115px minmax(0,1fr);
gap:26px;
align-items:center;
border-bottom:1px solid rgba(6,63,49,.18);
}
.fr-premium-origin-index{
align-self:start;
padding-top:9px;
color:var(--gold);
font-family:"Montserrat",Arial,sans-serif;
font-size:8px;
font-weight:700;
letter-spacing:.18em;
}
.fr-premium-origin-place h3{
margin:0;
color:var(--green);
font-family:"Cormorant Garamond",Georgia,serif;
font-size:clamp(48px,4.7vw,72px);
font-weight:500;
line-height:.88;
}
.fr-premium-origin-place p{
max-width:470px;
margin:18px 0 0;
color:#777b77;
font-size:13px;
font-weight:300;
line-height:1.7;
}
.fr-premium-origin-signature{
padding:28px 0 0;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:13px;
color:var(--green);
font-family:"Montserrat",Arial,sans-serif;
font-size:8px;
font-weight:700;
letter-spacing:.18em;
}
.fr-premium-origin-signature i{
width:3px;
height:3px;
border-radius:50%;
background:var(--gold);
}
/* ---------------------------------------------------------
EVENTI: indicazione visuale di scorrimento, senza testo
--------------------------------------------------------- */
.fr-premium-events-swipe-cue{
display:none;
}
@media(max-width:1050px){
.fr-premium-origin-grid{
grid-template-columns:1fr;
gap:55px;
}
.fr-premium-origin-intro{
position:relative;
top:auto;
width:min(100%,720px);
}
}
/* ---------------------------------------------------------
MOBILE
--------------------------------------------------------- */
@media(max-width:680px){
.fr-premium-origin{
padding:70px 0 76px;
}
.fr-premium-origin-grid{
gap:42px;
}
.fr-premium-origin-intro .fr-premium-title{
font-size:clamp(48px,13vw,62px);
line-height:.86;
}
.fr-premium-origin-lead{
margin-top:26px;
font-size:13px;
line-height:1.75;
}
.fr-premium-origin-link{
margin-top:25px;
font-size:8px;
}
.fr-premium-origin-place{
min-height:0;
padding:29px 0 31px;
grid-template-columns:1fr;
gap:8px;
}
.fr-premium-origin-index{
padding-top:0;
}
.fr-premium-origin-place h3{
margin-top:9px;
font-size:45px;
}
.fr-premium-origin-place p{
margin-top:12px;
font-size:12px;
line-height:1.65;
}
.fr-premium-origin-signature{
padding-top:22px;
gap:9px;
font-size:7px;
letter-spacing:.14em;
}
/* visual cue: linea + freccia, mentre la prossima card resta visibile */
.fr-premium-events-swipe-cue{
width:100%;
height:26px;
margin:-4px 0 14px;
display:flex;
align-items:center;
justify-content:flex-end;
gap:10px;
pointer-events:none;
}
.fr-premium-events-swipe-line{
width:54px;
height:1px;
background:rgba(6,63,49,.32);
}
.fr-premium-events-swipe-arrow{
width:30px;
height:30px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid rgba(6,63,49,.28);
border-radius:50%;
color:var(--green);
font-size:17px;
line-height:1;
}
.fr-premium-events-grid{
width:calc(100% + 38px) !important;
margin-right:-38px !important;
padding-right:38px !important;
gap:12px !important;
}
.fr-premium-event-card{
flex-basis:min(78vw,345px) !important;
}
}
@media(max-width:390px){
.fr-premium-event-card{
flex-basis:80vw !important;
}
}
/* =========================================================
V1.8.4 — RESERVATION / EVENTS / FOOTER REFINEMENT
Direzione grafica: mockup approvato
========================================================= */
/* Elimina qualunque resa emoji della freccia link Cernobbio */
.fr-premium-text-arrow{
font-family:Arial,sans-serif !important;
font-style:normal !important;
color:var(--green) !important;
font-size:14px !important;
line-height:1 !important;
}
/* ---------------------------------------------------------
EVENTI & NOVITÀ
--------------------------------------------------------- */
.fr-premium-events{
padding:clamp(82px,8vw,112px) 0;
background:#f5f1e8;
}
.fr-premium-events-header{
margin-bottom:42px;
align-items:flex-end;
}
.fr-premium-events-actions{
display:flex;
align-items:center;
gap:22px;
}
.fr-premium-events-all{
min-height:48px;
padding:0 22px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:12px;
border:1px solid rgba(6,63,49,.55);
color:var(--green) !important;
font-size:8px;
font-weight:700;
letter-spacing:.16em;
text-transform:uppercase;
transition:background .25s ease,color .25s ease;
}
.fr-premium-events-all:hover{
color:#fff !important;
background:var(--green);
}
.fr-premium-events-nav-hint{
display:flex;
align-items:center;
gap:10px;
color:var(--green);
}
.fr-premium-events-nav-line{
width:42px;
height:1px;
background:rgba(6,63,49,.30);
}
.fr-premium-events-nav-circle{
width:38px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid rgba(6,63,49,.28);
border-radius:50%;
font-family:Arial,sans-serif;
font-size:15px;
}
.fr-premium-events-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:16px;
align-items:stretch;
}
.fr-premium-event-card{
min-width:0;
height:100%;
display:flex;
flex-direction:column;
background:#fffefa;
box-shadow:none;
border:1px solid rgba(6,63,49,.06);
}
.fr-premium-event-image-wrap{
height:245px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
background:#eee8dc;
}
.fr-premium-event-image-wrap--poster{
background:#f5f1e8;
}
.fr-premium-event-image{
width:100%;
height:100% !important;
object-fit:cover;
}
.fr-premium-event-image-wrap--poster .fr-premium-event-image{
object-fit:contain;
padding:12px;
}
.fr-premium-event-body{
min-height:215px;
padding:24px 23px 25px;
display:flex;
flex-direction:column;
align-items:flex-start;
}
.fr-premium-event-body h3{
margin:9px 0 9px;
font-size:29px;
}
.fr-premium-event-body p{
min-height:44px;
}
.fr-premium-event-link{
margin-top:auto;
padding-top:15px;
display:inline-flex;
align-items:center;
gap:8px;
}
.fr-premium-event-link span{
font-family:Arial,sans-serif;
}
/* ---------------------------------------------------------
PRENOTAZIONE — continuità piena con footer
--------------------------------------------------------- */
.fr-premium-reservation{
position:relative;
min-height:620px;
grid-template-columns:1.03fr .97fr;
overflow:hidden;
background:#043b2f;
}
.fr-premium-reservation-photo{
position:relative;
min-height:620px;
background-image:var(--fr-bg);
background-size:cover;
background-position:center;
overflow:hidden;
}
.fr-premium-reservation-photo-shade{
position:absolute;
inset:0;
background:
linear-gradient(90deg,rgba(0,0,0,.04) 45%,rgba(4,59,47,.86) 100%),
linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18));
}
.fr-premium-reservation-photo-copy{
position:absolute;
left:54px;
bottom:44px;
z-index:2;
color:#fff;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:37px;
font-weight:500;
font-style:italic;
line-height:.9;
transform:rotate(-4deg);
text-shadow:0 2px 15px rgba(0,0,0,.22);
}
.fr-premium-reservation-panel{
position:relative;
padding:64px clamp(42px,5vw,78px) 44px;
justify-content:center;
background:
linear-gradient(180deg,#075442 0%,#064c3c 70%,#043b2f 100%);
}
.fr-premium-reservation-heading .fr-premium-script{
font-size:26px;
}
.fr-premium-reservation-heading .fr-premium-title{
margin:8px 0 12px;
font-size:clamp(44px,4.2vw,66px);
line-height:.88;
}
.fr-premium-reservation-heading .fr-premium-copy{
max-width:620px;
font-size:12px;
line-height:1.7;
}
.fr-premium-booking-form{
margin-top:24px;
gap:10px;
}
.fr-premium-booking-form input,
.fr-premium-booking-form select,
.fr-premium-booking-form textarea{
min-height:48px;
padding:12px 14px;
border-color:rgba(255,255,255,.30);
background:rgba(255,255,255,.035);
font-size:12px;
}
.fr-premium-booking-form textarea{
min-height:84px;
}
.fr-premium-booking-submit{
grid-column:1/-1;
min-height:50px;
padding:0 17px;
display:grid;
grid-template-columns:34px 1fr 34px;
align-items:center;
border:0;
color:var(--green);
background:#fffefa;
font-family:"Montserrat",Arial,sans-serif;
font-size:9px;
font-weight:700;
letter-spacing:.14em;
text-transform:uppercase;
transition:transform .25s ease,background .25s ease;
}
.fr-premium-booking-submit:hover{
transform:translateY(-2px);
background:#f2ead8;
}
.fr-premium-whatsapp-mark{
width:23px;
height:23px;
display:flex;
align-items:center;
justify-content:center;
border:2px solid var(--green);
border-radius:50%;
font-family:Arial,sans-serif;
font-size:11px;
}
.fr-premium-submit-arrow{
justify-self:end;
font-family:Arial,sans-serif;
font-size:16px;
}
.fr-premium-reservation-trust{
margin-top:20px;
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
gap:13px;
color:rgba(255,255,255,.72);
font-size:7px;
font-weight:600;
letter-spacing:.12em;
text-transform:uppercase;
}
.fr-premium-reservation-trust i{
width:1px;
height:20px;
background:rgba(255,255,255,.24);
}
/* ---------------------------------------------------------
FOOTER — stesso mondo cromatico della prenotazione
--------------------------------------------------------- */
.fr-premium-footer{
padding:36px 0 22px;
background:#043b2f;
border-top:1px solid rgba(255,255,255,.08);
}
.fr-premium-footer-grid{
grid-template-columns:1.05fr .9fr .85fr 1fr;
gap:0;
align-items:start;
}
.fr-premium-footer-grid > *{
min-width:0;
padding:0 30px;
border-left:1px solid rgba(255,255,255,.10);
}
.fr-premium-footer-grid > *:first-child{
padding-left:0;
border-left:0;
}
.fr-premium-footer-logo{
width:105px;
margin-bottom:14px;
}
.fr-premium-footer-brand p,
.fr-premium-footer p,
.fr-premium-footer li{
font-size:9px;
line-height:1.75;
}
.fr-premium-footer h4{
margin-bottom:13px;
font-size:8px;
}
.fr-premium-footer-cernobbio-kicker{
display:block;
margin-bottom:9px;
color:var(--gold);
font-size:8px;
font-weight:700;
letter-spacing:.16em;
text-transform:uppercase;
}
.fr-premium-footer-cernobbio p{
margin:0 0 11px;
}
.fr-premium-footer-cernobbio a{
display:inline-flex;
align-items:center;
gap:8px;
padding-bottom:4px;
border-bottom:1px solid rgba(199,164,91,.48);
color:var(--gold) !important;
font-size:7px;
font-weight:700;
letter-spacing:.13em;
text-transform:uppercase;
}
.fr-premium-footer-cernobbio a span{
font-family:Arial,sans-serif;
}
.fr-premium-footer-bottom{
margin-top:27px;
padding-top:17px;
}
/* ---------------------------------------------------------
TABLET
--------------------------------------------------------- */
@media(max-width:1050px){
.fr-premium-events-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.fr-premium-event-card:last-child{
width:100% !important;
grid-column:auto !important;
margin:0 !important;
}
.fr-premium-reservation{
grid-template-columns:1fr;
}
.fr-premium-reservation-photo{
min-height:450px;
}
.fr-premium-footer-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
row-gap:32px;
}
.fr-premium-footer-grid > *:nth-child(3){
border-left:0;
padding-left:0;
}
}
/* ---------------------------------------------------------
MOBILE
--------------------------------------------------------- */
@media(max-width:680px){
.fr-premium-events{
padding:72px 0 78px;
overflow:hidden;
}
.fr-premium-events-header{
margin-bottom:28px;
display:flex;
align-items:flex-end;
gap:18px;
}
.fr-premium-events-header .fr-premium-title{
font-size:46px;
}
.fr-premium-events-actions{
margin-left:auto;
flex-direction:column-reverse;
align-items:flex-end;
gap:10px;
}
.fr-premium-events-all{
min-height:38px;
padding:0 13px;
font-size:6.5px;
}
.fr-premium-events-nav-hint{
margin-right:2px;
}
.fr-premium-events-nav-line{
width:38px;
}
.fr-premium-events-nav-circle{
width:34px;
height:34px;
font-size:14px;
}
.fr-premium-events-grid{
width:calc(100% + 26px) !important;
margin:0 -26px 0 0 !important;
padding:0 26px 8px 0 !important;
display:flex !important;
gap:12px !important;
overflow-x:auto;
overflow-y:hidden;
scroll-snap-type:x mandatory;
scrollbar-width:none;
-webkit-overflow-scrolling:touch;
}
.fr-premium-events-grid::-webkit-scrollbar{
display:none;
}
.fr-premium-event-card,
.fr-premium-event-card:last-child{
flex:0 0 min(82vw,350px) !important;
width:min(82vw,350px) !important;
min-height:560px;
scroll-snap-align:start;
}
.fr-premium-event-image-wrap{
height:300px;
flex:0 0 300px;
}
.fr-premium-event-body{
min-height:260px;
height:260px;
padding:26px 23px 24px;
}
.fr-premium-event-body h3{
font-size:34px;
min-height:70px;
}
.fr-premium-event-body p{
min-height:60px;
}
.fr-premium-reservation{
min-height:0;
background:#043b2f;
}
.fr-premium-reservation-photo{
min-height:0;
height:58vw;
max-height:430px;
}
.fr-premium-reservation-photo-shade{
background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(4,59,47,.18));
}
.fr-premium-reservation-photo-copy{
display:none;
}
.fr-premium-reservation-panel{
padding:55px 22px 48px;
background:linear-gradient(180deg,#075442 0%,#054839 75%,#043b2f 100%);
}
.fr-premium-reservation-heading .fr-premium-script{
font-size:24px;
}
.fr-premium-reservation-heading .fr-premium-title{
font-size:clamp(43px,11vw,55px);
line-height:.9;
}
.fr-premium-reservation-heading .fr-premium-copy{
font-size:12px;
}
.fr-premium-booking-form{
grid-template-columns:1fr;
margin-top:29px;
gap:11px;
}
.fr-premium-booking-form input,
.fr-premium-booking-form select{
min-height:58px;
}
.fr-premium-booking-form textarea{
grid-column:auto;
min-height:104px;
}
.fr-premium-booking-submit{
grid-column:auto;
min-height:58px;
font-size:8px;
}
.fr-premium-reservation-trust{
margin-top:18px;
gap:8px;
font-size:6px;
}
.fr-premium-reservation-trust i{
height:14px;
}
.fr-premium-footer{
padding:40px 0 24px !important;
background:#043b2f;
}
.fr-premium-footer-grid{
grid-template-columns:1fr !important;
gap:28px !important;
}
.fr-premium-footer-grid > *{
padding:0 !important;
border-left:0 !important;
}
.fr-premium-footer-logo,
.fr-premium-footer-logo img{
width:110px !important;
}
.fr-premium-footer-cernobbio{
padding-top:23px !important;
border-top:1px solid rgba(255,255,255,.10) !important;
}
.fr-premium-footer-bottom{
margin-top:28px;
display:flex !important;
justify-content:space-between;
gap:12px;
}
}
@media(max-width:390px){
.fr-premium-events-header{
align-items:flex-start;
}
.fr-premium-events-header .fr-premium-title{
font-size:42px;
}
.fr-premium-event-card,
.fr-premium-event-card:last-child{
flex-basis:84vw !important;
width:84vw !important;
}
.fr-premium-event-body h3{
font-size:31px;
}
.fr-premium-reservation-heading .fr-premium-title{
font-size:41px;
}
}
/* =========================================================
V1.8.5 — EVENTI ORIZZONTALI + PRENOTAZIONE REFINEMENT
========================================================= */
/* ---------------------------------------------------------
EVENTI: orizzontali anche desktop e tablet
--------------------------------------------------------- */
.fr-premium-events{
overflow:hidden;
}
.fr-premium-events-grid{
display:flex !important;
grid-template-columns:none !important;
gap:18px !important;
overflow-x:auto;
overflow-y:hidden;
scroll-snap-type:x mandatory;
scrollbar-width:none;
-webkit-overflow-scrolling:touch;
padding-bottom:8px;
}
.fr-premium-events-grid::-webkit-scrollbar{
display:none;
}
.fr-premium-event-card,
.fr-premium-event-card:last-child{
flex:0 0 clamp(330px,31vw,430px) !important;
width:clamp(330px,31vw,430px) !important;
min-height:0 !important;
margin:0 !important;
grid-column:auto !important;
scroll-snap-align:start;
}
.fr-premium-event-image-wrap{
height:310px;
flex:0 0 310px;
}
.fr-premium-event-body{
min-height:238px;
height:238px;
}
.fr-premium-event-body h3{
min-height:70px;
}
.fr-premium-event-body p{
min-height:56px;
}
/* ---------------------------------------------------------
PRENOTAZIONE — più pulita e premium
--------------------------------------------------------- */
.fr-premium-reservation{
min-height:560px;
grid-template-columns:1fr 1fr;
background:#043b2f;
}
.fr-premium-reservation-photo{
min-height:560px;
}
.fr-premium-reservation-panel{
padding:
clamp(48px,4.5vw,64px)
clamp(34px,4.7vw,72px)
clamp(36px,4vw,54px);
background:
radial-gradient(circle at 85% 10%, rgba(216,184,103,.07), transparent 30%),
linear-gradient(180deg,#075140 0%,#06483a 58%,#043b2f 100%);
}
.fr-premium-reservation-heading{
max-width:650px;
}
.fr-premium-reservation-heading .fr-premium-script{
font-size:24px;
margin-bottom:5px;
}
.fr-premium-reservation-heading .fr-premium-title{
font-size:clamp(42px,3.8vw,59px);
line-height:.92;
margin:0 0 14px;
}
.fr-premium-reservation-heading .fr-premium-copy{
max-width:560px;
font-size:11.5px;
line-height:1.72;
color:rgba(255,255,255,.68);
}
.fr-premium-booking-form{
margin-top:25px;
gap:11px;
}
.fr-premium-booking-form input,
.fr-premium-booking-form select,
.fr-premium-booking-form textarea{
border:1px solid rgba(255,255,255,.24);
background:rgba(255,255,255,.025);
color:#fff;
box-shadow:none;
transition:
border-color .2s ease,
background .2s ease,
transform .2s ease;
}
.fr-premium-booking-form input:hover,
.fr-premium-booking-form select:hover,
.fr-premium-booking-form textarea:hover{
border-color:rgba(255,255,255,.38);
background:rgba(255,255,255,.04);
}
.fr-premium-booking-form input:focus,
.fr-premium-booking-form select:focus,
.fr-premium-booking-form textarea:focus{
outline:none;
border-color:rgba(216,184,103,.75);
background:rgba(255,255,255,.055);
}
.fr-premium-booking-form input::placeholder,
.fr-premium-booking-form textarea::placeholder{
color:rgba(255,255,255,.56);
}
.fr-premium-booking-form select{
color:rgba(255,255,255,.88);
}
.fr-premium-booking-submit{
position:relative;
min-height:58px;
margin-top:3px;
padding:0 22px;
display:grid;
grid-template-columns:1fr auto auto;
column-gap:12px;
align-items:center;
border:1px solid rgba(255,255,255,.8);
background:#fffefa;
color:var(--green);
overflow:hidden;
cursor:pointer;
}
.fr-premium-booking-submit::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg,transparent,rgba(216,184,103,.12));
transform:translateX(-100%);
transition:transform .35s ease;
}
.fr-premium-booking-submit:hover::before{
transform:translateX(0);
}
.fr-premium-booking-submit:hover{
transform:translateY(-2px);
background:#fffefa;
}
.fr-premium-booking-submit-label{
position:relative;
z-index:1;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:24px;
font-weight:500;
letter-spacing:0;
text-transform:none;
}
.fr-premium-booking-submit-sub{
position:relative;
z-index:1;
padding-left:12px;
border-left:1px solid rgba(6,63,49,.22);
font-size:7px;
font-weight:700;
letter-spacing:.15em;
text-transform:uppercase;
white-space:nowrap;
}
.fr-premium-submit-arrow{
position:relative;
z-index:1;
width:31px;
height:31px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid rgba(6,63,49,.25);
border-radius:50%;
font-family:Arial,sans-serif;
font-size:14px;
}
.fr-premium-reservation-trust{
margin-top:14px;
justify-content:flex-start;
gap:10px;
font-size:6.5px;
letter-spacing:.13em;
color:rgba(255,255,255,.52);
}
.fr-premium-reservation-trust i{
height:12px;
}
/* ---------------------------------------------------------
TABLET
--------------------------------------------------------- */
@media(max-width:1050px){
.fr-premium-event-card,
.fr-premium-event-card:last-child{
flex-basis:clamp(330px,44vw,390px) !important;
width:clamp(330px,44vw,390px) !important;
}
.fr-premium-event-image-wrap{
height:285px;
flex-basis:285px;
}
.fr-premium-event-body{
min-height:235px;
height:235px;
}
.fr-premium-reservation{
grid-template-columns:.92fr 1.08fr;
}
.fr-premium-reservation-photo{
min-height:540px;
}
.fr-premium-reservation-panel{
padding:48px 34px 40px;
}
.fr-premium-reservation-heading .fr-premium-title{
font-size:48px;
}
}
/* ---------------------------------------------------------
MOBILE
--------------------------------------------------------- */
@media(max-width:680px){
.fr-premium-events-grid{
width:calc(100% + 22px) !important;
margin-right:-22px !important;
padding-right:22px !important;
}
.fr-premium-event-card,
.fr-premium-event-card:last-child{
flex:0 0 84vw !important;
width:84vw !important;
}
.fr-premium-event-image-wrap{
height:300px;
flex-basis:300px;
}
.fr-premium-event-body{
height:248px;
min-height:248px;
}
.fr-premium-reservation{
display:block;
}
.fr-premium-reservation-photo{
height:47vw;
min-height:210px;
max-height:330px;
}
.fr-premium-reservation-panel{
padding:46px 22px 42px;
}
.fr-premium-reservation-heading .fr-premium-script{
font-size:21px;
}
.fr-premium-reservation-heading .fr-premium-title{
font-size:clamp(39px,10.5vw,49px);
margin-bottom:12px;
}
.fr-premium-reservation-heading .fr-premium-copy{
font-size:11px;
}
.fr-premium-booking-form{
gap:10px;
margin-top:24px;
}
.fr-premium-booking-form input,
.fr-premium-booking-form select{
min-height:54px;
}
.fr-premium-booking-form textarea{
min-height:92px;
}
.fr-premium-booking-submit{
min-height:62px;
grid-template-columns:1fr auto;
grid-template-areas:
"label arrow"
"sub arrow";
row-gap:1px;
padding:8px 15px 8px 17px;
text-align:left;
}
.fr-premium-booking-submit-label{
grid-area:label;
font-size:23px;
line-height:1;
}
.fr-premium-booking-submit-sub{
grid-area:sub;
padding-left:0;
border-left:0;
font-size:6.5px;
}
.fr-premium-submit-arrow{
grid-area:arrow;
width:35px;
height:35px;
align-self:center;
}
.fr-premium-reservation-trust{
margin-top:13px;
justify-content:flex-start;
font-size:6px;
}
}
@media(max-width:390px){
.fr-premium-event-card,
.fr-premium-event-card:last-child{
flex-basis:86vw !important;
width:86vw !important;
}
.fr-premium-booking-submit-label{
font-size:21px;
}
}
/* =========================================================
V1.8.6 — MOBILE HORIZONTAL SCROLL AFFORDANCE
Fa capire visivamente che "Eventi & novità" continua a destra
senza scrivere "swipe".
========================================================= */
@media(max-width:680px){
/* lascia volutamente vedere una parte della card successiva */
.fr-premium-events-grid{
position:relative;
gap:14px !important;
padding-right:48px !important;
scroll-padding-left:0;
}
.fr-premium-event-card,
.fr-premium-event-card:last-child{
flex:0 0 78vw !important;
width:78vw !important;
}
/* piccolo invito grafico sul bordo destro del carosello */
.fr-premium-events{
position:relative;
}
.fr-premium-events::after{
content:"›";
position:absolute;
z-index:8;
right:10px;
top:58%;
width:38px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid rgba(6,63,49,.22);
border-radius:50%;
color:#063f31;
background:rgba(255,254,250,.90);
box-shadow:0 8px 24px rgba(6,63,49,.10);
font-family:Georgia,serif;
font-size:28px;
font-weight:400;
line-height:1;
pointer-events:none;
transform:translateY(-50%);
animation:fr-events-hint 1.9s ease-in-out 2;
}
/* leggero fade a destra, per suggerire contenuto oltre il bordo */
.fr-premium-events::before{
content:"";
position:absolute;
z-index:7;
right:0;
top:0;
bottom:0;
width:42px;
pointer-events:none;
background:linear-gradient(
90deg,
rgba(245,241,232,0) 0%,
rgba(245,241,232,.72) 100%
);
}
@keyframes fr-events-hint{
0%,100%{
transform:translateY(-50%) translateX(0);
opacity:.88;
}
50%{
transform:translateY(-50%) translateX(5px);
opacity:1;
}
}
}
@media(max-width:390px){
.fr-premium-event-card,
.fr-premium-event-card:last-child{
flex-basis:80vw !important;
width:80vw !important;
}
.fr-premium-events::after{
right:8px;
width:36px;
height:36px;
font-size:26px;
}
}
@media(prefers-reduced-motion:reduce){
.fr-premium-events::after{
animation:none !important;
}
}
/* =========================================================
V1.8.9 — PRIORITÀ MENÙ SETTIMANALE + CERNOBBIO LINK
========================================================= */
.fr-premium-origin-place--link{
position:relative;
color:inherit!important;
-webkit-text-fill-color:initial!important;
transition:background .3s ease,padding-left .3s ease,padding-right .3s ease;
}
.fr-premium-origin-place--link:hover{
padding-left:18px;
padding-right:18px;
background:rgba(7,63,50,.035);
}
.fr-premium-origin-place-cta{
margin-top:22px;
display:inline-flex;
align-items:center;
gap:10px;
color:var(--green);
font-family:"Montserrat",Arial,sans-serif;
font-size:8px;
font-weight:700;
letter-spacing:.16em;
text-transform:uppercase;
}
.fr-premium-origin-place-cta>span{
color:var(--gold);
font-size:15px;
}
@media(max-width:680px){
.fr-premium-origin-place--link:hover{padding-left:0;padding-right:0;background:transparent}
}
/* =========================================================
V1.9.1 — INSTAGRAM PUBBLICO COLLEGATO ALL'AREA GESTIONE
========================================================= */
.fr-premium-instagram-public{
padding:92px 0 96px;
background:#f5f1e8;
border-top:1px solid rgba(7,63,50,.08);
}
.fr-premium-instagram-public .fr-instagram-feed{
width:100%;
margin:0;
padding:0;
}
.fr-premium-instagram-public .fr-instagram-feed__head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:24px;
margin-bottom:34px;
}
.fr-premium-instagram-public .fr-instagram-feed__head small{
display:block;
margin-bottom:8px;
color:#b18b43;
font-family:"Montserrat",Arial,sans-serif;
font-size:10px;
font-weight:700;
letter-spacing:.18em;
}
.fr-premium-instagram-public .fr-instagram-feed__head h2{
margin:0;
color:#073f32;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:clamp(42px,4.4vw,66px);
line-height:.95;
font-weight:600;
letter-spacing:-.025em;
}
.fr-premium-instagram-public .fr-instagram-feed__head>a{
flex:0 0 auto;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:46px;
padding:0 20px;
border:1px solid rgba(7,63,50,.22);
border-radius:999px;
color:#073f32;
background:rgba(255,255,255,.34);
font-family:"Montserrat",Arial,sans-serif;
font-size:11px;
font-weight:700;
text-decoration:none;
transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.fr-premium-instagram-public .fr-instagram-feed__head>a:hover{
background:#073f32;
color:#fff;
border-color:#073f32;
}
.fr-premium-instagram-public .fr-instagram-feed__track{
display:grid;
grid-auto-flow:column;
grid-auto-columns:minmax(220px,1fr);
gap:16px;
overflow-x:auto;
padding:2px 2px 12px;
scroll-snap-type:x mandatory;
overscroll-behavior-inline:contain;
scrollbar-width:thin;
}
.fr-premium-instagram-public .fr-instagram-feed__track>*{
scroll-snap-align:start;
}
@media(max-width:820px){
.fr-premium-instagram-public{padding:66px 0 72px}
.fr-premium-instagram-public .fr-instagram-feed__head{
align-items:flex-start;
flex-direction:column;
margin-bottom:24px;
}
.fr-premium-instagram-public .fr-instagram-feed__track{
grid-auto-columns:78vw;
margin-right:calc(var(--fr-container-pad,20px) * -1);
padding-right:20px;
}
}
@media(max-width:520px){
.fr-premium-instagram-public{padding:54px 0 60px}
.fr-premium-instagram-public .fr-instagram-feed__head h2{font-size:40px}
.fr-premium-instagram-public .fr-instagram-feed__head>a{min-height:42px;padding:0 16px;font-size:10px}
}
/* =========================================================
V1.9.2 — FOOTER MASTER COMPACT / INSTAGRAM ICON
========================================================= */
.fr-premium-footer{
padding:30px 0 18px;
background:#043b2f;
}
.fr-premium-footer-grid-v192{
display:grid;
grid-template-columns:1.08fr 1.35fr 1fr !important;
gap:0 !important;
align-items:center !important;
}
.fr-premium-footer-grid-v192 > *{
min-width:0;
padding:0 34px !important;
border-left:1px solid rgba(255,255,255,.10) !important;
}
.fr-premium-footer-grid-v192 > *:first-child{
padding-left:0 !important;
border-left:0 !important;
}
.fr-premium-footer-grid-v192 .fr-premium-footer-logo{
width:108px !important;
margin:0 0 12px !important;
}
.fr-premium-footer-grid-v192 .fr-premium-footer-brand p,
.fr-premium-footer-grid-v192 .fr-premium-footer-info p{
margin:0;
color:rgba(255,255,255,.62);
font-size:10px !important;
line-height:1.65 !important;
}
.fr-premium-footer-grid-v192 .fr-premium-footer-info{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
}
.fr-premium-footer-grid-v192 h4,
.fr-premium-footer-social-kicker{
display:block;
margin:0 0 8px !important;
color:var(--gold) !important;
font-size:8px !important;
font-weight:700;
letter-spacing:.17em;
text-transform:uppercase;
}
.fr-premium-footer-grid-v192 strong{font-weight:600;color:rgba(255,255,255,.82)}
.fr-premium-footer-grid-v192 a{color:rgba(255,255,255,.66) !important;text-decoration:none}
.fr-premium-footer-grid-v192 a:hover{color:#fff !important}
.fr-premium-footer-social{display:flex;flex-direction:column;align-items:flex-start}
.fr-premium-footer-instagram{
display:flex;
width:100%;
max-width:290px;
align-items:center;
gap:11px;
padding:10px 12px;
border:1px solid rgba(255,255,255,.14);
border-radius:14px;
background:rgba(255,255,255,.035);
transition:.2s ease;
}
.fr-premium-footer-instagram:hover{background:rgba(255,255,255,.07);border-color:rgba(199,164,91,.42)}
.fr-premium-footer-instagram-icon{
display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;
border-radius:10px;background:rgba(199,164,91,.13);color:var(--gold);
}
.fr-premium-footer-instagram-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65}
.fr-premium-footer-instagram strong{display:block;color:#fff !important;font-size:10px;line-height:1.2}
.fr-premium-footer-instagram small{display:block;margin-top:3px;color:rgba(255,255,255,.48);font-size:8px}
.fr-premium-footer-social-arrow{margin-left:auto;color:var(--gold);font-size:13px}
.fr-premium-footer-cernobbio-link{
display:inline-flex;align-items:center;gap:7px;margin-top:10px;
color:rgba(255,255,255,.48) !important;font-size:8px !important;letter-spacing:.04em;
}
.fr-premium-footer-bottom{
margin-top:22px !important;
padding-top:14px !important;
border-top:1px solid rgba(255,255,255,.09);
color:rgba(255,255,255,.42);
font-size:8px !important;
}
@media(max-width:1050px){
.fr-premium-footer-grid-v192{grid-template-columns:1fr 1.35fr !important}
.fr-premium-footer-grid-v192 .fr-premium-footer-social{grid-column:1/-1;margin-top:24px;padding:24px 0 0 !important;border-left:0 !important;border-top:1px solid rgba(255,255,255,.10)}
}
@media(max-width:720px){
.fr-premium-footer{padding:28px 0 18px !important}
.fr-premium-footer-grid-v192{display:block !important}
.fr-premium-footer-grid-v192 > *{padding:0 !important;border:0 !important}
.fr-premium-footer-grid-v192 .fr-premium-footer-brand{padding-bottom:20px !important}
.fr-premium-footer-grid-v192 .fr-premium-footer-logo{width:96px !important;margin-bottom:10px !important}
.fr-premium-footer-grid-v192 .fr-premium-footer-info{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px 0 !important;border-top:1px solid rgba(255,255,255,.10) !important;border-bottom:1px solid rgba(255,255,255,.10) !important}
.fr-premium-footer-grid-v192 .fr-premium-footer-social{margin:0;padding:20px 0 0 !important;border:0 !important}
.fr-premium-footer-instagram{max-width:none}
.fr-premium-footer-bottom{margin-top:20px !important}
}
@media(max-width:430px){
.fr-premium-footer-grid-v192 .fr-premium-footer-info{grid-template-columns:1fr;gap:18px}
}
/* =========================================================
V1.9.5 — FOOTER INSTAGRAM / ICONA CSS PURA
Nessun SVG/immagine: evita qualsiasi regola globale che possa
ingrandire l'icona. Dimensione fissata a 40px.
========================================================= */
.fr-premium-footer-grid-v192{
grid-template-columns:1.05fr 1.55fr 64px !important;
align-items:center !important;
}
.fr-premium-footer-grid-v192 .fr-premium-footer-social{
min-width:64px !important;
width:64px !important;
min-height:40px !important;
padding:0 0 0 22px !important;
margin:0 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
align-self:center !important;
overflow:visible !important;
}
.fr-premium-footer-instagram--icon-only{
box-sizing:border-box !important;
display:grid !important;
place-items:center !important;
flex:0 0 40px !important;
width:40px !important;
height:40px !important;
min-width:40px !important;
max-width:40px !important;
min-height:40px !important;
max-height:40px !important;
padding:0 !important;
margin:0 !important;
border:1px solid rgba(255,255,255,.20) !important;
border-radius:50% !important;
background:transparent !important;
overflow:hidden !important;
line-height:0 !important;
}
.fr-premium-footer-instagram--icon-only:hover{
background:rgba(255,255,255,.06) !important;
border-color:rgba(199,164,91,.55) !important;
}
.fr-premium-footer-instagram-icon--css{
position:relative !important;
display:block !important;
box-sizing:border-box !important;
width:19px !important;
height:19px !important;
min-width:19px !important;
min-height:19px !important;
flex:0 0 19px !important;
padding:0 !important;
margin:0 !important;
border:1.7px solid #fff !important;
border-radius:5px !important;
background:transparent !important;
}
.fr-premium-footer-instagram-icon--css::before{
content:"" !important;
position:absolute !important;
box-sizing:border-box !important;
width:7px !important;
height:7px !important;
left:4.3px !important;
top:4.3px !important;
border:1.6px solid #fff !important;
border-radius:50% !important;
background:transparent !important;
}
.fr-premium-footer-instagram-icon--css::after{
content:"" !important;
position:absolute !important;
width:2.4px !important;
height:2.4px !important;
right:3px !important;
top:3px !important;
border-radius:50% !important;
background:#fff !important;
}
.fr-premium-footer-cernobbio-link,
.fr-premium-footer-social-kicker{
display:none !important;
}
@media(max-width:1050px){
.fr-premium-footer-grid-v192{grid-template-columns:1fr 1.45fr 64px !important;}
.fr-premium-footer-grid-v192 .fr-premium-footer-social{
grid-column:auto !important;
width:64px !important;
min-width:64px !important;
margin:0 !important;
padding:0 0 0 22px !important;
border-top:0 !important;
border-left:1px solid rgba(255,255,255,.10) !important;
}
}
@media(max-width:720px){
.fr-premium-footer-grid-v192{display:block !important;}
.fr-premium-footer-grid-v192 .fr-premium-footer-social{
width:auto !important;
min-width:0 !important;
min-height:40px !important;
padding:18px 0 0 !important;
margin:0 !important;
border:0 !important;
justify-content:flex-start !important;
}
}
/* =========================================================
V1.9.6 — FOOTER INSTAGRAM / LOGO UFFICIALE COLORATO
SVG inline con dimensioni bloccate: non può espandersi.
========================================================= */
.fr-premium-footer-instagram-icon--css{display:none !important;}
.fr-premium-footer-instagram-icon--brand{
display:block !important;
width:22px !important;
height:22px !important;
min-width:22px !important;
max-width:22px !important;
min-height:22px !important;
max-height:22px !important;
flex:0 0 22px !important;
line-height:0 !important;
overflow:hidden !important;
}
.fr-premium-footer-instagram-icon--brand svg{
display:block !important;
width:22px !important;
height:22px !important;
min-width:22px !important;
max-width:22px !important;
min-height:22px !important;
max-height:22px !important;
overflow:visible !important;
}
/* =========================================================
V1.9.7 — FOOTER MOBILE COMPACT
Solo mobile: meno altezza, brand orizzontale, info su 2 colonne,
Instagram piccolo in basso senza creare una riga aggiuntiva.
========================================================= */
@media(max-width:720px){
.fr-premium-footer{
padding:20px 0 14px !important;
}
.fr-premium-footer .fr-premium-container{
position:relative !important;
}
.fr-premium-footer-grid-v192{
display:block !important;
}
.fr-premium-footer-grid-v192 .fr-premium-footer-brand{
display:flex !important;
align-items:center !important;
gap:14px !important;
padding:0 0 14px !important;
}
.fr-premium-footer-grid-v192 .fr-premium-footer-logo{
width:76px !important;
min-width:76px !important;
margin:0 !important;
}
.fr-premium-footer-grid-v192 .fr-premium-footer-brand p{
font-size:8.7px !important;
line-height:1.45 !important;
}
.fr-premium-footer-grid-v192 .fr-premium-footer-info{
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:14px !important;
padding:14px 0 !important;
border-top:1px solid rgba(255,255,255,.10) !important;
border-bottom:1px solid rgba(255,255,255,.10) !important;
}
.fr-premium-footer-grid-v192 h4{
margin:0 0 5px !important;
font-size:7px !important;
}
.fr-premium-footer-grid-v192 .fr-premium-footer-info p{
font-size:8px !important;
line-height:1.45 !important;
}
.fr-premium-footer-grid-v192 .fr-premium-footer-social{
position:absolute !important;
right:0 !important;
bottom:0 !important;
width:34px !important;
min-width:34px !important;
min-height:34px !important;
padding:0 !important;
margin:0 !important;
display:block !important;
}
.fr-premium-footer-instagram--icon-only{
width:34px !important;
height:34px !important;
min-width:34px !important;
max-width:34px !important;
min-height:34px !important;
max-height:34px !important;
}
.fr-premium-footer-instagram-icon--brand,
.fr-premium-footer-instagram-icon--brand svg{
width:19px !important;
height:19px !important;
min-width:19px !important;
max-width:19px !important;
min-height:19px !important;
max-height:19px !important;
}
.fr-premium-footer-bottom{
margin-top:12px !important;
padding-top:0 !important;
padding-right:48px !important;
border-top:0 !important;
min-height:34px !important;
display:flex !important;
align-items:center !important;
font-size:7px !important;
}
.fr-premium-footer-bottom span:last-child{
display:none !important;
}
}
@media(max-width:390px){
.fr-premium-footer-grid-v192 .fr-premium-footer-brand{
gap:11px !important;
}
.fr-premium-footer-grid-v192 .fr-premium-footer-logo{
width:70px !important;
min-width:70px !important;
}
.fr-premium-footer-grid-v192 .fr-premium-footer-info{
gap:10px !important;
}
.fr-premium-footer-grid-v192 .fr-premium-footer-info p{
font-size:7.6px !important;
}
}
/* =========================================================
V1.9.8 — FOOTER MOBILE: INSTAGRAM LONTANO DAL TASTO SU
Mantiene il footer compatto e sposta il social al centro,
evitando sovrapposizioni con il pulsante fisso "torna su".
========================================================= */
@media(max-width:720px){
.fr-premium-footer-grid-v192 .fr-premium-footer-social{
left:50% !important;
right:auto !important;
bottom:0 !important;
transform:translateX(-50%) !important;
}
.fr-premium-footer-bottom{
padding-right:0 !important;
padding-left:0 !important;
justify-content:flex-start !important;
}
}
/* =========================================================
FEDERICO GLOBAL FOOTER MASTER 2026 — compact + Instagram
========================================================= */
.fr-global-footer{background:#004a3b!important;color:rgba(255,255,255,.68)!important;padding:42px 0 22px!important;border:0!important}
.fr-global-footer *{box-sizing:border-box}
.fr-global-footer-inner{width:min(1180px,calc(100% - 56px));margin:0 auto}
.fr-global-footer-grid{display:grid;grid-template-columns:1.15fr .85fr 1fr;gap:0;align-items:start}
.fr-global-footer-grid>div{min-width:0;padding:0 34px;border-left:1px solid rgba(255,255,255,.10)}
.fr-global-footer-grid>div:first-child{padding-left:0;border-left:0}
.fr-global-footer-brand-logo{display:block;width:104px;margin:0 0 14px}
.fr-global-footer-brand-logo img{display:block;width:104px!important;max-width:104px!important;height:auto!important;object-fit:contain!important}
.fr-global-footer p,.fr-global-footer li{margin:0;color:rgba(255,255,255,.58)!important;font:400 12px/1.7 Inter,Arial,sans-serif!important}
.fr-global-footer h4{margin:0 0 13px;color:#c7a45b!important;font:600 10px/1.2 Montserrat,Arial,sans-serif!important;letter-spacing:.16em;text-transform:uppercase}
.fr-global-footer ul{list-style:none;margin:0;padding:0}.fr-global-footer a{color:rgba(255,255,255,.66)!important;text-decoration:none!important}.fr-global-footer a:hover{color:#fff!important}
.fr-global-footer-contact-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.fr-global-footer-contact-head h4{margin:0}
.fr-global-footer-instagram{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;padding:0!important;margin:0!important;border-radius:9px!important;background:transparent!important;border:1px solid rgba(199,164,91,.35)!important;overflow:hidden!important;line-height:0!important;flex:0 0 32px!important}
.fr-global-footer-instagram svg{display:block!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important}
.fr-global-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:36px;padding-top:18px;border-top:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.38);font:500 9px/1.3 Montserrat,Arial,sans-serif;letter-spacing:.02em}
@media(max-width:820px){.fr-global-footer-inner{width:min(100% - 34px,720px)}.fr-global-footer-grid{grid-template-columns:1fr 1fr}.fr-global-footer-brand{grid-column:1/-1;padding:0 0 20px!important;border:0!important}.fr-global-footer-grid>div:nth-child(2){padding:20px 18px 0 0!important;border-left:0!important;border-top:1px solid rgba(255,255,255,.10)}.fr-global-footer-grid>div:nth-child(3){padding:20px 0 0 18px!important;border-left:1px solid rgba(255,255,255,.10)!important;border-top:1px solid rgba(255,255,255,.10)}.fr-global-footer-brand-logo{width:94px;margin-bottom:9px}.fr-global-footer-brand-logo img{width:94px!important;max-width:94px!important}.fr-global-footer-bottom{margin-top:24px}}
@media(max-width:520px){.fr-global-footer{padding:26px 0 16px!important}.fr-global-footer-inner{width:calc(100% - 28px)}.fr-global-footer-brand{display:flex;align-items:center;gap:12px;padding-bottom:14px!important}.fr-global-footer-brand-logo{width:78px!important;min-width:78px;margin:0!important}.fr-global-footer-brand-logo img{width:78px!important;max-width:78px!important}.fr-global-footer-brand p{font-size:9.5px!important;line-height:1.45!important}.fr-global-footer-grid>div:nth-child(2),.fr-global-footer-grid>div:nth-child(3){padding-top:14px!important}.fr-global-footer-grid>div:nth-child(2){padding-right:12px!important}.fr-global-footer-grid>div:nth-child(3){padding-left:12px!important}.fr-global-footer h4{font-size:8px!important;margin-bottom:7px!important}.fr-global-footer p,.fr-global-footer li{font-size:9px!important;line-height:1.5!important}.fr-global-footer-contact-head{margin-bottom:7px}.fr-global-footer-instagram{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;max-width:28px!important;max-height:28px!important;border-radius:8px!important}.fr-global-footer-instagram svg{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important}.fr-global-footer-bottom{margin-top:16px;padding-top:12px;font-size:7.5px}.fr-global-footer-bottom span:last-child{padding-right:52px}}
/* =========================================================
V1.9.11 — INSTAGRAM HOME RESPONSIVE FINALE
Posizione: subito dopo Prenota il tuo tavolo, prima del footer.
========================================================= */
.fr-premium-instagram-public{
padding:74px 0 78px !important;
background:#f5f1e8 !important;
border-top:1px solid rgba(7,63,50,.08) !important;
}
.fr-premium-instagram-public .fr-instagram-feed__head{
align-items:flex-end !important;
margin-bottom:28px !important;
}
.fr-premium-instagram-public .fr-instagram-feed__track{
display:grid !important;
grid-auto-flow:column !important;
grid-auto-columns:calc((100% - 32px) / 3) !important;
gap:16px !important;
width:100% !important;
overflow-x:auto !important;
overflow-y:hidden !important;
padding:0 0 10px !important;
margin:0 !important;
scroll-snap-type:x mandatory !important;
-webkit-overflow-scrolling:touch !important;
overscroll-behavior-inline:contain !important;
scrollbar-width:thin !important;
}
.fr-premium-instagram-public .fr-instagram-feed__item{
display:block !important;
width:100% !important;
aspect-ratio:1 / 1 !important;
min-width:0 !important;
overflow:hidden !important;
border-radius:2px !important;
background:#e9e3d7 !important;
scroll-snap-align:start !important;
}
.fr-premium-instagram-public .fr-instagram-feed__item img{
display:block !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center !important;
transition:transform .35s ease,opacity .35s ease !important;
}
.fr-premium-instagram-public .fr-instagram-feed__item:hover img{
transform:scale(1.025) !important;
opacity:.94 !important;
}
@media(max-width:900px){
.fr-premium-instagram-public{padding:62px 0 66px !important}
.fr-premium-instagram-public .fr-instagram-feed__track{
grid-auto-columns:calc((100% - 14px) / 2) !important;
gap:14px !important;
}
}
@media(max-width:680px){
.fr-premium-instagram-public{padding:50px 0 54px !important}
.fr-premium-instagram-public .fr-instagram-feed__head{
display:block !important;
margin-bottom:22px !important;
}
.fr-premium-instagram-public .fr-instagram-feed__head h2{
font-size:clamp(38px,11vw,46px) !important;
line-height:.98 !important;
}
.fr-premium-instagram-public .fr-instagram-feed__head>a{
width:max-content !important;
max-width:100% !important;
margin-top:18px !important;
min-height:42px !important;
padding:0 16px !important;
font-size:10px !important;
}
.fr-premium-instagram-public .fr-instagram-feed__track{
grid-auto-columns:82vw !important;
gap:12px !important;
width:calc(100% + 24px) !important;
padding-right:24px !important;
}
.fr-premium-instagram-public .fr-instagram-feed__item{
aspect-ratio:1 / 1 !important;
}
}
/* =========================================================
V1.9.12 — INSTAGRAM COME FASCIA SOCIAL, NON SECONDA AREA EVENTI
Chiusura leggera della Home: Prenota -> Instagram -> Footer.
========================================================= */
.fr-premium-instagram-public{
padding:48px 0 52px !important;
background:#f5f1e8 !important;
}
.fr-premium-instagram-public .fr-instagram-feed__head{
align-items:flex-end !important;
margin-bottom:20px !important;
}
.fr-premium-instagram-public .fr-instagram-feed__head small{
letter-spacing:.18em !important;
}
.fr-premium-instagram-public .fr-instagram-feed__head h2{
max-width:760px !important;
font-size:clamp(34px,4.2vw,54px) !important;
line-height:.98 !important;
}
.fr-premium-instagram-public .fr-instagram-feed__track{
grid-auto-columns:calc((100% - 60px) / 4) !important;
gap:20px !important;
padding-bottom:6px !important;
scrollbar-width:none !important;
}
.fr-premium-instagram-public .fr-instagram-feed__track::-webkit-scrollbar{display:none !important}
.fr-premium-instagram-public .fr-instagram-feed__item{
aspect-ratio:1 / 1 !important;
border-radius:0 !important;
}
@media(max-width:900px){
.fr-premium-instagram-public{padding:44px 0 48px !important}
.fr-premium-instagram-public .fr-instagram-feed__track{
grid-auto-columns:calc((100% - 28px) / 3) !important;
gap:14px !important;
}
}
@media(max-width:680px){
.fr-premium-instagram-public{padding:38px 0 42px !important}
.fr-premium-instagram-public .fr-instagram-feed__head{margin-bottom:18px !important}
.fr-premium-instagram-public .fr-instagram-feed__head h2{
max-width:330px !important;
font-size:clamp(32px,9.6vw,40px) !important;
line-height:1 !important;
}
.fr-premium-instagram-public .fr-instagram-feed__head>a{
margin-top:14px !important;
min-height:38px !important;
padding:0 14px !important;
}
.fr-premium-instagram-public .fr-instagram-feed__track{
grid-auto-columns:68vw !important;
gap:10px !important;
width:calc(100% + 20px) !important;
padding-right:20px !important;
}
}
/* =========================================================
V1.9.13 — INSTAGRAM FASCIA SOCIAL COMPATTA DEFINITIVA
Distinta da "Eventi e novità": contenuti piccoli, fotografici,
orizzontali e senza effetto seconda sezione editoriale.
========================================================= */
.fr-premium-instagram-public{
padding:38px 0 42px !important;
background:#f5f1e8 !important;
border-top:1px solid rgba(7,63,50,.07) !important;
}
.fr-premium-instagram-public .fr-instagram-feed{
width:100% !important;
}
.fr-premium-instagram-public .fr-instagram-feed__head{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
align-items:end !important;
gap:20px !important;
margin:0 0 16px !important;
}
.fr-premium-instagram-public .fr-instagram-feed__head small{
margin:0 0 6px !important;
font-size:9px !important;
letter-spacing:.18em !important;
}
.fr-premium-instagram-public .fr-instagram-feed__head h2{
max-width:680px !important;
margin:0 !important;
font-size:clamp(30px,3.4vw,44px) !important;
line-height:1 !important;
}
.fr-premium-instagram-public .fr-instagram-feed__head>a{
min-height:36px !important;
padding:0 13px !important;
margin:0 !important;
font-size:9px !important;
border-radius:999px !important;
}
.fr-premium-instagram-public .fr-instagram-feed__track{
display:grid !important;
grid-auto-flow:column !important;
grid-auto-columns:minmax(0,1fr) !important;
grid-template-columns:repeat(6,minmax(0,1fr)) !important;
gap:10px !important;
width:100% !important;
overflow-x:auto !important;
overflow-y:hidden !important;
padding:0 !important;
margin:0 !important;
scroll-snap-type:x proximity !important;
scrollbar-width:none !important;
-webkit-overflow-scrolling:touch !important;
}
.fr-premium-instagram-public .fr-instagram-feed__track::-webkit-scrollbar{display:none!important}
.fr-premium-instagram-public .fr-instagram-feed__item{
display:block !important;
width:100% !important;
aspect-ratio:1/1 !important;
overflow:hidden !important;
border-radius:10px !important;
background:#e8e1d5 !important;
scroll-snap-align:start !important;
}
.fr-premium-instagram-public .fr-instagram-feed__item img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
display:block !important;
}
@media(max-width:980px){
.fr-premium-instagram-public .fr-instagram-feed__track{
grid-template-columns:none !important;
grid-auto-columns:calc((100% - 30px)/4) !important;
}
}
@media(max-width:680px){
.fr-premium-instagram-public{
padding:30px 0 34px !important;
}
.fr-premium-instagram-public .fr-instagram-feed__head{
grid-template-columns:1fr !important;
gap:11px !important;
margin-bottom:14px !important;
}
.fr-premium-instagram-public .fr-instagram-feed__head h2{
max-width:315px !important;
font-size:30px !important;
line-height:1.02 !important;
}
.fr-premium-instagram-public .fr-instagram-feed__head>a{
width:max-content !important;
min-height:34px !important;
padding:0 12px !important;
font-size:9px !important;
}
.fr-premium-instagram-public .fr-instagram-feed__track{
grid-template-columns:none !important;
grid-auto-columns:42vw !important;
gap:9px !important;
width:calc(100% + 18px) !important;
padding-right:18px !important;
}
.fr-premium-instagram-public .fr-instagram-feed__item{
border-radius:9px !important;
}
}
@media(max-width:390px){
.fr-premium-instagram-public .fr-instagram-feed__track{grid-auto-columns:44vw !important}
.fr-premium-instagram-public .fr-instagram-feed__head h2{font-size:28px !important}
}
/* v1.9.17 — Dolce del giorno */
.fr-premium-dessert{padding:72px 24px;background:#f4efe3}.fr-premium-dessert-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.08fr .92fr;min-height:470px;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 24px 65px rgba(4,61,47,.10)}.fr-premium-dessert-media{min-height:470px}.fr-premium-dessert-media img{width:100%;height:100%;object-fit:cover;display:block}.fr-premium-dessert-copy{padding:58px 56px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.fr-premium-dessert-kicker{font:700 12px/1.2 Montserrat,sans-serif;letter-spacing:.16em;color:#a7834d;margin-bottom:12px}.fr-premium-dessert-copy h2{font:600 48px/1 "Cormorant Garamond",serif;color:#074d3b;margin:0 0 28px}.fr-premium-dessert-copy h3{font:700 32px/1.1 Montserrat,sans-serif;color:#073f32;margin:0 0 14px}.fr-premium-dessert-copy p{font:400 17px/1.65 Montserrat,sans-serif;color:#5d6d67;margin:0;max-width:520px}.fr-premium-dessert-price{margin-top:22px;display:inline-flex;padding:10px 14px;border-radius:999px;background:#f4efe3;color:#074d3b;font:700 15px/1 Montserrat,sans-serif}.fr-premium-dessert-inner:not(:has(.fr-premium-dessert-media)){display:block;min-height:0}.fr-premium-dessert-inner:not(:has(.fr-premium-dessert-media)) .fr-premium-dessert-copy{max-width:760px;margin:auto;text-align:center;align-items:center}
@media(max-width:900px){.fr-premium-dessert{padding:54px 18px}.fr-premium-dessert-inner{grid-template-columns:1fr;min-height:0}.fr-premium-dessert-media{min-height:0;aspect-ratio:16/10}.fr-premium-dessert-copy{padding:38px 34px}.fr-premium-dessert-copy h2{font-size:42px;margin-bottom:22px}}
@media(max-width:600px){.fr-premium-dessert{padding:38px 14px}.fr-premium-dessert-inner{border-radius:20px}.fr-premium-dessert-media{aspect-ratio:4/3}.fr-premium-dessert-copy{padding:30px 24px 34px}.fr-premium-dessert-kicker{font-size:10px}.fr-premium-dessert-copy h2{font-size:37px}.fr-premium-dessert-copy h3{font-size:25px}.fr-premium-dessert-copy p{font-size:15px;line-height:1.55}}
.fr-global-footer-hours p span{display:block}
.fr-premium-booking-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#244c3d;font-weight:600}.fr-premium-booking-form label[hidden]{display:none!important}.fr-premium-booking-form .fr-booking-wide{grid-column:1/-1}.fr-premium-booking-form .fr-booking-exception{flex-direction:row;align-items:center}.fr-booking-exception input{width:20px!important;min-height:20px!important;flex:0 0 20px}.fr-booking-privacy,#frBookingNotice{font-size:12px;line-height:1.6;color:#365b4c}.fr-booking-privacy a{text-decoration:underline}.fr-home-event-completed .fr-premium-event-image{filter:grayscale(.65);opacity:.72}.fr-home-event-completed .fr-premium-event-date strong{background:#e3e9df;padding:4px 8px;border-radius:12px;color:#365140}
/* Prenotazioni telefoniche: colori espliciti, indipendenti dal tema. */
#fr-premium-reservation .fr-premium-copy,#fr-premium-reservation .fr-booking-help{color:#f5f0e6;opacity:1}
#fr-premium-reservation .fr-booking-phone{margin-top:28px;color:#fff}
#fr-premium-reservation .fr-booking-call{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 24px;border:1px solid #d6b469;border-radius:6px;background:#d6b469;color:#102f27;font-size:17px;font-weight:700;text-decoration:none;line-height:1.5}
#fr-premium-reservation .fr-booking-call:hover{background:#e5c887;color:#102f27}
#fr-premium-reservation .fr-booking-call:focus-visible{outline:3px solid #fff;outline-offset:4px}
#fr-premium-reservation .fr-booking-coming{color:#f5f0e6;font-size:16px;margin:24px 0 8px;font-weight:600;opacity:1}
#fr-premium-reservation .fr-booking-help{font-size:15px;line-height:1.6}
.fr-home-event-dates{display:block;font-size:12px;line-height:1.6;color:#4c6957;margin:4px 0 10px}.fr-premium-event-body h3{overflow-wrap:anywhere}.fr-premium-event-body{height:auto!important;max-height:none!important}