@font-face {
	font-family: 'Druk Wide Medium';
	src: url('font/Druk Wide-Medium-Web.eot');
	src: url('font/Druk Wide-Medium-Web.eot#iefix') format('embedded-opentype'), url('font/Druk Wide-Medium-Web.woff2') format('woff2'), url('font/Druk Wide-Medium-Web.woff') format('woff'), url('font/Druk Wide-Medium-Web.ttf') format('truetype');
	
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Druk Wide Super';
	src: url('font/Druk Wide-Super-Web.eot');
	src: url('font/Druk Wide-Super-Web.eot#iefix') format('embedded-opentype'), url('font/Druk Wide-Super-Web.woff2') format('woff2'), url('font/Druk Wide-Super-Web.woff') format('woff'), url('font/Druk Wide-Super-Web.ttf') format('truetype');
	
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Druk Condensed Super';
	src: url('font/Druk Condensed-Super-Web.eot');
	src: url('font/Druk Condensed-Super-Web.eot#iefix') format('embedded-opentype'), url('font/Druk Condensed-Super-Web.woff2') format('woff2'), url('font/Druk Condensed-Super-Web.woff') format('woff'), url('font/Druk Condensed-Super-Web.ttf') format('truetype');
	
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Druk Medium';
	src: url('font/Druk-Medium-Web.eot');
	src: url('font/Druk-Medium-Web.eot#iefix') format('embedded-opentype'), url('font/Druk-Medium-Web.woff2') format('woff2'), url('font/Druk-Medium-Web.woff') format('woff'), url('font/Druk-Medium-Web.ttf') format('truetype');
	
	font-weight: normal;
	font-style: normal;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body, html {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	background-color: #f29cae;
	font-family:'Druk Wide Medium', 'Anton', sans-serif;
}
a {
	text-decoration: none;
}
.img-fluid {
	max-width: 100%;
	height: auto;
}
.img-struttura {
	width: 100%;
	position: relative;
	z-index: 10;
	margin-bottom: -3px;
}
.text-blue{
	color:#0817d3;
}
.text-white{
	color:#fff;
}
.scritta-top{
	margin-top:-5px
}
.menu-bar {
	width: 100%;
	height: 210px;
	background-color: #f29cae;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
	position: relative;
	z-index: 3;
}
.menu {
	display: flex;
	list-style: none;
}
.menu li {
	margin: 0 15px;
	font-size: 2vw;
	color: black;
	cursor: pointer;
	text-align: left;
	display: flex;
	flex-direction: column;
}
.menu li span {
	font-size: 1vw;
	font-family: "acumin-variable", sans-serif;
	font-variation-settings: "slnt" 0, "wdth" 50, "wght" 400;
	color: white;
	text-align: left;
}
.menu-center {
	display: flex;
	align-items: center;
}
.menu-logo {
	max-height: 35vh;
}
.section-gang-black {
	background-color: black;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	flex-direction: column;
}
.section-gang-title {
	background-color: #2a4aea;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin-bottom:-10px
}
.gang-img {
	position: absolute;
	top:0%;
	width: 95vw;
	height: auto;
}
.content-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100%;
}
.text-box {
	width: 33%;
	color: white;
	font-family: "acumin-variable", sans-serif;
	font-variation-settings: "slnt" 0, "wdth" 100, "wght" 100;
}
.text-box h2 {
	margin-bottom: 1vw;
	font-size: 6.5rem;
	font-family:'Druk Condensed Super', 'Anton', sans-serif;
	line-height: 1;
	color: #2a4aea;
	font-weight:400;
}
.text-box h3 {
	font-size: 3vh;
	font-family: "acumin-variable", sans-serif;
	font-variation-settings: "slnt" 0, "wdth" 50, "wght" 400;
	line-height: 1;
	color:#eb6728;
}
.text-box p {
	font-size: 1.2rem;
	line-height: 1.5;
}
.left-text {
	text-align: right;
	padding:0 3vw 0 1vw;
}
.right-text {
	text-align: left;
	padding:0 1vw 0 3vw;
}
.img-fluid.gang-banda-rosa {
	padding: 20px 0;
}
.gang-main-img {
	height: auto;
}
.section-gang-orange {
	background-color: #eb6728;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	flex-direction: column;
	padding:50px 0;
}
.section-gang-orange .title {
	font-family:'Druk Wide Super', 'Anton', sans-serif;
	color: #000;
	text-decoration: none;
	font-size: 5vh;
}
.section-gang-orange .sub{
	font-family: "acumin-variable", sans-serif;
	font-variation-settings: "slnt" 0, "wdth" 50, "wght" 400;
	color: #000;
	text-decoration: none;
	font-size: 2.5vh;
}
.section-gang-pink {
	
	height: 32vw;
	background-color: #f29cae;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	flex-direction: column;
}
.section-entra-in-famiglia {
	background-color: #2a4aea;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	flex-direction: column;
	padding:50px 0;
}
.section-entra-in-famiglia .title {
	font-family:'Druk Wide Medium', 'Anton', sans-serif;
	color: #000;
	text-decoration: none;
	font-size: 10vh;
}
.section-entra-in-famiglia .sub{
	font-family: "acumin-variable", sans-serif;
	font-variation-settings: "slnt" 0, "wdth" 50, "wght" 400;
	color: #000;
	text-decoration: none;
	font-size: 2.5vh;
}
.section-entra-in-famiglia .btn.btn-entra {
	font-family:'Druk Wide Medium', 'Anton', sans-serif;
	font-variation-settings: "slnt" 0, "wdth" 50, "wght" 400;
	color: #000;
	text-decoration: none;
	font-size: 3vh;
	margin-top: 30px;
	padding: 10px 190px;
	background: #eb6728 url('../img/btn-star.webp') no-repeat center center;
	background-size: 100% auto;
}
.footer-text-center a{
	font-size: 3vh;
	font-family:'Druk Wide Medium', 'Anton', sans-serif;
	color: #1d70b7;
	text-decoration: none;
	display: block;
	line-height: 1.2;
}
.footer-text-center span{
	font-size: 2vh;
	font-family: 'acumin-variable', sans-serif;
	font-variation-settings: 'slnt' 0, 'wdth' 50, 'wght' 400;
	color: #1d70b7;
}
.footer-text-right a{
	font-size: 3vh;
	font-family: 'acumin-variable', sans-serif;
	font-variation-settings: 'slnt' 0, 'wdth' 50, 'wght' 600;
	color: #f29cae;
	text-decoration: none;
	font-weight: bold;
	line-height: 0.8;
}
.footer-text-right span{
	font-size: 3vh;
	font-family: 'acumin-variable', sans-serif;
	font-variation-settings: 'slnt' 0, 'wdth' 50, 'wght' 400;
	color: #f29cae;
	line-height: 0.8;
}
.footer-text-center a{
	font-size: 3vh;
	font-family:'Druk Wide Medium', 'Anton', sans-serif;
	color: #1d70b7;
	text-decoration: none;
	display: block;
	line-height: 1.2;
}
.footer-text-center span{
	font-size: 2vh;
	font-family: 'acumin-variable', sans-serif;
	font-variation-settings: 'slnt' 0, 'wdth' 50, 'wght' 400;
	color: #1d70b7;
}
@media screen and (max-width: 768px) {
	.content-wrapper {
		flex-direction: column;
		align-items: center;
		margin-top: 5vw;
	}
	
	.text-box {
		width: 80%;
		text-align: center;
		padding: 2vw;
		font-family: "acumin-variable", sans-serif;
		font-variation-settings: "slnt" 0, "wdth" 100, "wght" 100;
	}
	.text-box h2 {
		font-size: 7vh;
		font-family:'Druk Wide Medium', 'Anton', sans-serif;
		line-height: 1;
		color: #2a4aea;
	}
	
	.text-box h3 {
		font-size: 3vh;
		font-family: "acumin-variable", sans-serif;
		font-variation-settings: "slnt" 0, "wdth" 50, "wght" 400;
		line-height: 1;
		color:#eb6728;
	}
	
	.text-box p {
		font-size: 2vw;
	}
	
	.gang-main-img {
		width: 100%;
	}
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body, html {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
}
.background {
	
	height: 100vh;
	background: url('../img/sfondo-casina-slider-home.webp?v=2') no-repeat center center;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.background-prenota {
	
	height: 100vh;
	background: url('../img/sfondoMenuScelta.webp') no-repeat center center;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.logo {
	max-width: 60%;
	max-height: 60%;
	position: relative;
	z-index: 2;
}
.shadow {
	position: absolute;
	max-width: 70%;
	max-height: 70%;
	animation: rotate-shadow 6s linear infinite;
	z-index: 1;
}
@keyframes rotate-shadow {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.menu-bar {
	width: 100%;
	height: 120px;
	background-color: #f38f9e;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
	position: relative;
	z-index: 3;
}
.menu {
	display: flex;
	list-style: none;
	width: 33%;
	justify-content: space-between;
}
.menu li {
	margin: 0 15px;
	font-size: 2vw;
	font-family:'Druk Wide Medium', 'Anton', sans-serif;
	font-weight: bold;
	color: black;
	cursor: pointer;
	text-align: left;
	display: flex;
	flex-direction: column;
	text-decoration: underline;
}
.menu li span {
	font-size: 1vw;
	font-family: "acumin-variable", sans-serif;
	font-variation-settings: "slnt" 0, "wdth" 50, "wght" 400;
	color: white;
	text-align: left;
	text-decoration: none;
}
.menu-center {
	display: flex;
	align-items: center;
}
.menu-logo {
	max-height: 35vh;
}
.full-screen-section {
	height: 90vh;
	background-color: #297321;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	position: relative;
	z-index: 0;
}
.background-image {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: -1;
}
.foreground-image {
	width: 37vw;
	height: 95%;
	position: relative;
	z-index: 15;
}
@media (max-width: 1200px) {
	.menu li {
		font-size: 12px;
	}
	.menu li span {
		font-size: 10px;
	}
}
.prenota-link {
	position: absolute;
	top: 51%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 15px 30px;
	font-size: 20vh;
	font-family:'Druk Condensed Super', 'Anton', sans-serif;
	color: white;
	text-decoration: none;
	border-radius: 10px;
	text-align: center;
	z-index: 20;
	transition: transform 0.2s;
	line-height: 0.8;
}
.prenota-link:hover {
	transform: translate(-50%, -50%) scale(1.1);
}
/* Stile comune per i link delle città */
.location-link {
	position: absolute;
	padding: 10px 25px;
	font-size: 10vh;
	font-family:'Druk Wide Medium', 'Anton', sans-serif;
	color: black;
	text-decoration: none;
	border-radius: 10px;
	font-weight: bold;
	text-align: center;
	z-index: 3;
	transition: transform 0.2s;
	display: flex;
	flex-direction: column;
	align-items: center;
	line-height: 0.9;
}
/* Stile del sopra-titolo "LA CASINA" */
.location-top {
	font-size: 4vh;
	font-family:'Druk Wide Medium', 'Anton', sans-serif;
	font-weight: 300;
	color: black;
	text-align: center;
}
/* Stile del sotto-titolo "via FRATELLI ROSSELLI" */
.location-bottom {
	font-size: 3vh;
	font-family: "acumin-variable", sans-serif;
	font-variation-settings: "slnt" 0, "wdth" 50, "wght" 400;
	color: black;
	text-align: center;
}
/* Hover effetto */
.location-link:hover {
	transform: scale(1.1);
}
/* Posizionamento specifico per LA SPEZIA */
.spezia-link {
	left: 18%;
	top: 28%;
	transform: translateX(-50%);
}
/* Posizionamento specifico per MASSA */
.massa-link {
	right: 18%;
	top: 28%;
	transform: translateX(50%);
}
/* Stile per le immagini */
.boom-giallo {
	position: absolute;
	left: 5%;
	top: 50%;
	transform: translateY(-50%);
	width: 50vh;
	max-width: 50vw;
	z-index: 2;
}
.boom-rosa {
	position: absolute;
	right: 5%;
	top: 50%;
	transform: translateY(-50%);
	width: 50vh;
	max-width: 50vw;
	z-index: 2;
	
}
.banda-blu-home {
	position: absolute;
	bottom: -15px;
	left: 0;
}
.visit-text {
	position: absolute;
	font-size: 4vh;
	font-family: "acumin-variable", sans-serif;
	font-variation-settings: "slnt" 0, "wdth" 50, "wght" 400;
	font-style: normal;
	color: white;
	text-align: center;
	
}
.visit-text-giallo {
	left: 5%;
	top: 15%;
	transform: translateY(-50%);
	z-index: 3;
}
.visit-text-rosa {
	right: 5%;
	top: 15%;
	transform: translateY(-50%);
	z-index: 3;
}
.center-text {
	position: absolute;
	bottom: 5%;
	font-size: 4vh;
	font-family:'Druk Wide Medium', 'Anton', sans-serif;
	font-weight: 300;
	color: black;
	text-align: center;
	width: 100%;
	z-index: 3;
	text-decoration: none;
}
.banda-tigrata {
	position: relative;
	z-index: 10;
	background: #000;
}
.marquee-section {
	background-color: #000;
	background-repeat: repeat-x;
	background-position: bottom center;
	background-size: contain;
	display: flex;
	align-items: center;
	overflow: hidden;
	position: relative;
}
.marquee {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
}
.marquee-content {
	display: inline-block;
	padding-left: 100%;
	animation: scroll-marquee 25s linear infinite;
	font-size: 10vh;
	font-family:'Druk Condensed Super', 'Anton', sans-serif;
	color: black;
	text-transform: uppercase;
	letter-spacing: 2px;
}
@keyframes scroll-marquee {
	from {
		transform: translateX(0%);
	}
	to {
		transform: translateX(-100%);
	}
}
.black-section {
	
	height: 30vw;
	background-color: black;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.menu-section-prenota {
	background-color: red;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin-bottom:-10px
}
.black-section .menu-img {
	position: absolute;
	top: 10%;
	width: 95vw;
	height: auto;
}
.black-section .cta-menu{
	position: absolute;
	bottom: 30px;	
}
.black-section .scketch-img {
	position: absolute;
	bottom: 7%;
	width: 22vw;
	height: 20vh;
	left: 17%;
}
.black-section .menu-text {
	font-size: 4vh;
	font-family:'Druk Wide Medium', 'Anton', sans-serif;
	font-weight: 300;
	color: red;
	position: absolute;
	transform: translateY(-50%);
	left: 5.5%;
	bottom: 0%;
	text-decoration: none;
	line-height: 1.2;
}
.black-section .call-text {
	font-size: 9.7vh;
	font-family: 'Druk Condensed Super', 'Anton', sans-serif;
	color: red;
	position: absolute;
	transform: translateY(-50%);
	right: 5.5%;
	bottom: 5%;
	text-decoration: none;
	line-height: 1.2;
	text-align: right;
}
.pizza-banner {
	
	height: 368px; /* Altezza originale */
	background: url('../img/sfondo-giallo-rosso.webp') no-repeat center center;
	background-size: cover;
	position: relative; /* Necessario per il posizionamento assoluto delle immagini */
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.banda-verde {
	position: absolute;
	top: 23%;
	width: 50vw;
	height: auto;
	z-index: 1;
}
.banda-nera {
	position: absolute;
	top: 45%; /* Sovrapposta leggermente sotto la banda verde */
	width: 40vw;
	height: auto;
	z-index: 2;
}
.pizza-text {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 10px 40px;
	font-size: 6.5vh;
	font-family:'Druk Condensed Super', 'Anton', sans-serif;
	color: black;
	text-decoration: none;
	border-radius: 10px;
	font-weight: bold;
	text-align: center;
	z-index: 2;
	transition: transform 0.2s;
	line-height: 1.2;
	background: url('../img/banda-verde.png') center center no-repeat;
	background-size:cover;
}
.pizza-text-span {
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 15px 30px;
	font-size: 3.5vh;
	font-family: "acumin-variable", sans-serif;
	font-variation-settings: "slnt" 0, "wdth" 50, "wght" 400;
	color: #ffbc00;
	text-decoration: none;
	border-radius: 10px;
	font-weight: bold;
	text-align: center;
	z-index: 2;
	transition: transform 0.2s;
	line-height: 1.2;
	background: url('../img/banda-nera.png') center center no-repeat;
	background-size:cover;
}
.blue-section {
	
	height: 30vw;
	background-color: #3853a1;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.blue-section {
	
	height: 30vw;
	background-color: #3853a1;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.lcsn-club-text {
	position: absolute;
	left: 0%;
	top: 50%;
	transform: translate(25%,-50%);
	padding: 15px 30px;
	font-size: 15vh;
	font-family:'Druk Wide Medium', 'Anton', sans-serif;
	color: white;
	text-decoration: none;
	border-radius: 10px;
	text-align: left;
	z-index: 2;
	transition: transform 0.2s;
	line-height: 1.2;
	display: flex;
	flex-direction: column;
	align-items: left;
}
.lcsn-top {
	font-size: 4vh;
	font-family:'Druk Wide Medium', 'Anton', sans-serif;
	font-weight: 300;
	color: black;
	text-align: left;
}
.lcsn-mid {
	font-size: 20vh;
	font-family: 'Druk Condensed Super', 'Anton', sans-serif;
	line-height: 20vh;
	margin: -30px 0 -10px;
}
.lcsn-bottom {
	font-size: 3vh;
	font-family: "acumin-variable", sans-serif;
	font-variation-settings: "slnt" 0, "wdth" 50, "wght" 400;
	color: black;
	text-align: left;
}
.contact-form {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(-25%,-50%);
	padding: 20px;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	gap: 1px;
	width: 40vw;
}
.contact-form label {
	font-size: 1.2em;
	font-family:'Druk Wide Medium', 'Anton', sans-serif;
	color: white;
}
.contact-form input {
	width: 100%;
	padding: 10px;
	font-size: 1em;
	background-color: #f29cae;
	border: none;
	border-radius: 5px;
	color: black;
}
.contact-form button {
	background: black;
	color: white;
	font-size: 1.2em;
	padding: 10px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-family:'Druk Wide Medium', 'Anton', sans-serif;
}
.contact-form button:hover {
	background: #f29cae;
	color: black;
}
.black-footer {
	
	height: 10vw;
	background-color: black;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.footer-text-left{
	position: absolute;
	left: 5%;
	font-size: 5vh;
	font-family:'Druk Wide Medium', 'Anton', sans-serif;
	color: #ffbc00;
	text-decoration: none;
	border-radius: 10px;
	text-align: left;
	z-index: 2;
	transition: transform 0.2s;
	line-height: 1.2;
	
}
.footer-text-center{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	z-index: 2;
	line-height: 0.9;
}
.footer-text-right{
	position: absolute;
	right: 5%;
	text-align: right;
	z-index: 2;
	line-height: 0.9;
}
/* BIZNES */
.menu-item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	font-family:'Druk Wide Medium', 'Anton', sans-serif;
	text-decoration: none;
	margin: 0 1rem;
}
.menu-title {
	font-size: 1.2rem;
	color: black;
}
.menu-title:hover{
	color:#0014ff
}
.menu-subtitle {
	font-size: 1vw;
	font-family: "acumin-variable", sans-serif;
	font-variation-settings: "slnt" 0, "wdth" 50, "wght" 400;
	color: white;
}
.menu-background {
	background-image: url('../img/stacco-nero.png');
	background-repeat: repeat;
	background-position: top left;
	background-size: auto;
	padding: 90px 0 60px;
	margin-bottom: -60px;
	z-index: 20;
	position: relative;
}
.prenota-luogo{
	position: absolute;
	bottom: 100px;
	background-size: contain;
	width: 40%;
	height: 250px;
	overflow: visible;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.prenota-spezia {
	left: 0px;
	background: url('../img/prenota-bg-1.webp') left center no-repeat;
	padding: 50px 0 0 80px;
}
.prenota-massa {
	text-align:right;
	right: 0px;
	background: url('../img/prenota-bg-2.webp') right center no-repeat;
	padding: 50px 80px 0 0;
}
.prenota-luogo .title,
.prenota-luogo .sub {
	line-height: 1;
	margin: 0;
	padding: 0;
	display: block;
}
.prenota-luogo .title {
	color: #fff;
	font-size: 10vh;
	margin-bottom:-15px;
}
.prenota-luogo .sub {
	font-size: 10vh;
	font-family:'Druk Condensed Super', 'Anton', sans-serif;
	color:black;
}
.prenota-luogo .address {
	font-family: "acumin-variable", sans-serif;
	font-variation-settings: "slnt" 0, "wdth" 50, "wght" 400;
	font-size:3vh;
	background: url('../img/banda-bianca.webp') center center no-repeat;
	background-size: contain;
	padding:20px;
	color:black;
}
.prenota-dove {
	text-align: center;
	display: flex;
	align-items: center;
	flex-direction: column;
	background: url('../img/boom-bianco.webp') center center no-repeat;
	height: 300px;
	width: 370px;
	background-size: cover;
	justify-content: center;
}
.prenota-dove .title {
	font-size: 5vh;
	line-height:1;
	font-family:'Druk Wide Super', 'Anton', sans-serif;
}
.prenota-dove .sub{
	font-family: "acumin-variable", sans-serif;
	font-variation-settings: "slnt" 0, "wdth" 50, "wght" 400;
	color:#ff0000;
	font-size: 3vh;
}
.prenota-luogo{
	position: absolute;
	bottom: 100px;
	background-size: contain;
	width: 40%;
	height: 250px;
	overflow: visible;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-family:'Druk Condensed Super', 'Anton', sans-serif;
}
.background-menu {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 30px; /* Spazio tra i blocchi */
}
.background-pagina-menu{
	height: 100vh;
	background: url('../img/sfondoPaginaMenu.webp') no-repeat center center;
	background-size: cover;
	display: flex;
	justify-content: space-around;
	align-items: center;
	position: relative;
}
.menu-spezia {
	text-align:center;
	left: 0px;
	background: url('../img/bg-menu-banda-rossa.webp') center center no-repeat;
	padding: 30px 150px;
	background-size: cover;
}
.menu-massa {
	text-align:center;
	right: 0px;
	background: url('../img/bg-menu-banda-rossa.webp') center center no-repeat;
	padding: 30px 150px;
	background-size: cover;
}
.menu-luogo {
	position: relative;
}
.menu-luogo .title,
.menu-luogo .sub {
	line-height: 1;
	margin: 0;
	padding: 0;
	display: block;
	font-family:'Druk Condensed Super', 'Anton', sans-serif;
	font-size:12vh
}
.menu-luogo .title {
	color: #000;
	margin-bottom: -15px;
}
.menu-luogo .sub {
}
.menu-luogo.menu-spezia .sub {
	color:#ffbc00
}
.menu-luogo.menu-massa .sub {
	color:#f29cae
}
.menu-luogo .address {
	font-family: "acumin-variable", sans-serif;
	font-variation-settings: "slnt" 0, "wdth" 50, "wght" 400;
	font-size:3vh;
	background: url('../img/banda-nera.webp') center center no-repeat;
	background-size: contain;
	padding:7px;
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translate(-50%);
	color:#fff;
}
.banner-pagina-menu {
	margin-top: -40px;
	z-index: 10;
	position: relative;
	margin-bottom: -5px;
}
.banner-pagina-menu-footer {
	margin-bottom: -5px;
}
.banner-gang-footer {
	margin-top: -50px;
	position: relative;
}
.coming-soon-background {
	height: 1511px;
	background: url('../img/casina-coming-soon.webp') no-repeat center center;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.coming-soon {
	text-align: center;
	display: flex;
	align-items: center;
	flex-direction: column;
	/* background: url('../img/boom-bianco.webp') center center no-repeat; */
	height: 300px;
	width: 370px;
	background-size: cover;
	justify-content: center;
}
.coming-soon .title {
	font-size: 10vh;
	line-height:1;
	font-family:'Druk Condensed Super', 'Anton', sans-serif;
	color:#fff
}
.coming-soon .sub {
	font-family: "acumin-variable", sans-serif;
	font-variation-settings: "slnt" 0, "wdth" 50, "wght" 400;
	color: #ff0000;
	font-size: 3vh;
	background: url('../img/banda-nera.png') center center no-repeat;
	background-size: cover;
	margin: -15px 0 -25px;
	padding: 5px 75px;
	position: relative;
}
/* contatti */
.contenitore-contatti {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 11;
	transform: translate(-50%,-100%);
	text-align: center;
}
.contatti-email {
	font-family: "acumin-variable", sans-serif;
	font-variation-settings: "slnt" 0, "wdth" 50, "wght" 400;
	font-size: 3rem;
	color:#000;
}
.contatti-telefono {
	font-size: 4rem;
	color: #f29cae;
	background: url('../img/banda-blu.webp') center center no-repeat;
	background-size: contain;
	padding: 10px 15px 15px;
}
.contatti-indirizzi {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.contatti-indirizzo-inside.spezia{
	text-align:right;
}
.spezia .contatti-title, .spezia .contatti-sub{
	padding: 1px 35px 1px 0px;
}
.contatti-indirizzo-inside.massa{
	text-align:left;
}
.massa .contatti-title, .massa .contatti-sub{
	padding: 1px 0px 1px 35px;
}
.contatti-indirizzo-inside {
	width: 50%;
	display: inline-block;
	font-family: "acumin-variable", sans-serif;
	font-variation-settings: "slnt" 0, "wdth" 50, "wght" 400;
	font-size: 2rem;
}
.contatti-indirizzo-inside span{
	font-variation-settings: "slnt" 0, "wdth" 50, "wght" 600;
}
.contatti-title {
	background: url('../img/banda-blu.webp') center center no-repeat;
	background-size: contain;
}
.contatti-sub {
	background: url('../img/banda-nera.webp') center center no-repeat;
	background-size: contain;
	color: #ff661a;
}
.contatti-social-container{
	display:flex;
	justify-content:space-around;
	padding: 0 80px;
}
.logo-social{
	max-height:80px;
}
.result{
	font-family: "acumin-variable", sans-serif;
	font-variation-settings: "slnt" 0, "wdth" 50, "wght" 400;
	background: #fff;
	text-align: center;
	font-size: 1.3rem;
}
.result.success{
	color: #297321	
}
.result.error{
	color: #ff0000	
}
/* MOBILE */
@media (max-width: 768px) {
	.lcsn-club-text {
		font-size: 6vh;
		padding: 10px 20px;
	}
	.lcsn-top, .lcsn-bottom {
		font-size: 2.5vh;
	}
	.menu-bar {
		flex-direction: column;
		height: auto;
		padding: 20px;
	}
	
	.menu {
		flex-direction: column;
		align-items: center;
	}
	
	.menu-item {
		margin: 10px 0;
		align-items: center;
	}
	
	.menu-title {
		font-size: 5vw;
	}
	
	.menu-subtitle {
		font-size: 3.5vw;
	}
	
	.prenota-link {
		font-size: 8vh;
		padding: 10px 20px;
	}
	
	.location-link {
		font-size: 6vh;
		padding: 5px 10px;
		position: static;
		margin: 10px auto;
	}
	
	.visit-text {
		font-size: 2.5vh;
		background-color: rgba(0,0,0,0.6);
		padding: 5px 10px;
		border-radius: 5px;
		width: 90%;
		left: 5% !important;
		right: auto;
		top: auto;
		transform: none;
		position: relative;
	}
	
	.foreground-image {
		height: auto;
		width: 90vw;
		margin: 20px auto;
	}
	
	.contact-form {
		position: static;
		transform: none;
		width: 90vw;
		margin: 20px auto;
	}
	
	.lcsn-club-text {
		font-size: 5vh;
		padding: 10px;
		text-align: center;
		align-items: center;
		position:static;
		transform:none;
	}
	
	.blue-section {
		flex-direction: column;
		height: auto;
		padding: 40px 0;
	}
	
	.black-footer {
		flex-direction: column;
		height: auto;
		padding: 20px 0;
	}
	
	.footer-text-left,
	.footer-text-center,
	.footer-text-right {
		position: static;
		text-align: center;
		margin: 10px 0;
		transform:none;
	}
	.prenota-link {
		font-size: 6vh;
		padding: 12px 20px;
		bottom: 0%;
	}
	.background-pagina-menu{
		background: url('../img/sfondoPaginaMenuMobile.webp') no-repeat center center;
		background-size:cover;
		flex-direction: column;
	}
	.menu-spezia, .menu-massa {
		padding: 30px 80px;
	}
	.menu-luogo .title {
		color: #000;
		font-size: 4.5rem;
		font-family:'Druk Condensed Super', 'Anton', sans-serif;
	}
	.menu-luogo .sub {
		font-size: 4.5rem;
		font-family:'Druk Condensed Super', 'Anton', sans-serif;
	}
	.menu-luogo.menu-spezia .sub {
		color:#ffbc00
	}
	.menu-luogo.menu-massa .sub {
		color:#f29cae
	}
	.menu-luogo .address {
		font-size:1.95vh;
		position: absolute;
		top: 100%;
		transform: translate(-50%);
	}
	.marquee-content {
		font-size: 6vh;
	}
	.banner-gang-footer{
		margin-top:-10px
	}
	
	/* contatti */
	.contenitore-contatti {
		transform: translate(-50%,-90%);
	}
	.contatti-email {
		font-size: 2rem;
	}
	.contatti-telefono {
		font-size: 2rem;
	}
	.contatti-social-container {
		padding: 0 40px;
	}
	.contatti-indirizzi{
		margin-top:15px
	}
	.contatti-indirizzo-inside {
		font-size: 1.2rem;
	}
	.spezia .contatti-title, .spezia .contatti-sub{
		padding: 0px 10px 0px 0px;
	}
	.massa .contatti-title, .massa .contatti-sub{
		padding: 0px 0px 0px 10px;
	}
	.logo-social{
		max-height:40px;
	}
	.background {
		/* Qui specifichi la nuova URL per la versione mobile */
		background: url('../img/sfondo-casina-slider-home-mobile.webp') no-repeat center center;
		background-size: cover;
	}
}
@media (max-width: 480px) {
	.visit-text,
	.location-bottom,
	.footer-text-right span,
	.footer-text-center span {
		font-size: 2.5vh;
	}
	
	.pizza-text {
		font-size: 4vh;
		padding: 10px 15px;
	}
}
/* Hamburger icon */
.burger-wrapper{
	display: none;
}
.burger {
	display: none;
	flex-direction: column;
	justify-content: center;
	gap: 6px;
	background: none;
	border: none;
	cursor: pointer;
	z-index: 100;
}
.burger span {
	width: 30px;
	height: 3px;
	background-color: black;
	display: block;
	transition: all 0.3s ease;
}
/* Animated X */
.burger.open span:nth-child(1) {
	transform: rotate(45deg) translate(5px, 5px);
}
.burger.open span:nth-child(2) {
	opacity: 0;
}
.burger.open span:nth-child(3) {
	transform: rotate(-45deg) translate(5px, -5px);
}
/* Mobile nav */
.mobile-nav {
	position: fixed;
	top: 0;
	right: 0;
	background: #f38f9e;
	width: 100%;
	height: 100vh;
	padding: 80px 20px 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 25px;
	transform: translateY(-100%);
	transition: transform 0.3s ease;
}
.mobile-nav.show {
	transform: translateY(0);
}
@media (max-width: 768px) {
	.menu-bar .menu,
	.menu-bar .menu-center {
		display: none;
	}
	
	.burger-wrapper {
		display: block;
	}
	.burger {
		display: flex;
	}
}
/* Overlay (semi-trasparente dietro il menu mobile) */
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	transition: opacity 0.3s ease;
}
/* Prevent scroll */
.no-scroll {
	overflow: hidden;
	height: 100vh;
}
@media (max-width: 768px) {
	.menu-container {
		position: sticky;
		top: 0;
		z-index: 100;
	}
	.menu-container {
		position: sticky;
		top: 0;
		z-index: 100;
		background-color: #f38f9e;
		box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	}
}
.mobile-nav {
	pointer-events: auto;
}
.overlay {
	pointer-events: auto;
}
.burger {
	z-index: 103;
}
.mobile-nav {
	z-index: 100;
}
.mobile-nav .menu-item{
	z-index: 102;
}
.overlay {
	z-index: 101;
}
.overlay {
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
}
.overlay.show {
	opacity: 1;
	pointer-events: auto;
}
.close-menu {
	position: absolute;
	top: 20px;
	right: 20px;
	background: none;
	border: none;
	font-size: 3rem;
	color: black;
	cursor: pointer;
	z-index: 104; /* sopra tutto nel mobile-nav */
}
@media (max-width: 768px) {
	.full-screen-section {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		height: auto;
		padding: 0;
		position: relative;
	}
	
	/* Frase unica */
	.visit-text,
	.visit-text-rosa {
		display: none;
	}
	
	.visit-text-combined {
		display: block;
		font-size: 2.4vh;
		color: white;
		background: rgba(0,0,0,0.6);
		padding: 12px 20px;
		border-radius: 8px;
		text-align: center;
		margin-bottom: 20px;
		width: 90%;
	}
	
	/* Prenota sovrapposto alla TV */
	.prenota-link {
		display:none;
	}
	
	.foreground-image {
		width: 90vw;
		height: auto;
		max-width: 400px;
		z-index: 2;
		position: relative;
		margin:0;
	}
	
	.boom-giallo,
	.boom-rosa {
		position: static;
		transform: none;
		width: 44vw;
		max-width: 300px;
		margin: 10px auto;
	}
	
	.banda-blu-home {
		position: static;
	}
	
	.location-link {
		position: static;
		width: 100%;
		text-align: center;
		margin: 20px 0;
	}
	
	.location-top,
	.location-bottom {
		font-size: 2vh;
	}
	.menu-background {
		padding: 0;
		margin-bottom:0px;
	}
	.background-prenota {
		position: relative;
		display: flex;
		flex-direction: column;
		gap: 30px; /* Spazio tra i blocchi */
	}
	
	.prenota-luogo {
		position: static; /* Rimuove l'assoluto */
		width: 100%;
		height: auto; /* Adatta all'altezza del contenuto */
		background-size: cover;
		padding: 40px 20px;
		text-align: center;
	}
	
	.prenota-luogo .title, .prenota-luogo .sub {
		line-height: 1.2;
		margin-bottom: -10px; /* Avvicina visualmente */
	}
	
	.prenota-luogo .address {
		font-size: 1.8rem;
		line-height: 1.2;
	}
	.section-entra-in-famiglia .btn.btn-entra {
		font-size: 3vw;
		padding: 20px 0px;
		display: inline-block;
		width: auto;
		text-align: center;
		margin: 30px 10px 0px;
	}
	.section-gang-orange .title {
		font-size: 8vw; /* proporzionato alla larghezza, più prevedibile su mobile */
		line-height: 1.1;
		text-align: center; /* se il layout lo consente, migliora l'impatto visivo */
		margin: 0 auto;
		padding: 0 16px; /* evita che il testo tocchi i bordi */
	}
	.section-gang-orange .sub {
		font-size: 4.2vw;
		line-height: 1.4; /* migliora leggibilità su schermi piccoli */
		text-align: center; /* opzionale: valuta in base al layout */
		padding: 0 16px; /* evita che il testo tocchi i bordi */
	}
	
	.section-gang-black {
		height: auto;
	}
	.content-wrapper {
		flex-direction: column;
		padding: 0 16px;
	}
	
	.text-box {
		width: 100%;
		text-align: center;
		padding: 24px 0;
		font-variation-settings: "slnt" 0, "wdth" 90, "wght" 300;
		margin-top:0
	}
	.text-box.left-text{
		margin-top:0vh;
	}
	
	.text-box h2 {
		font-size: 10vw;
	}
	
	.text-box h3 {
		font-size: 4.5vw;
	}
	
	.text-box p {
		font-size: 4vw;
	}
	
	.gang-main-img,
	.gang-img {
		max-width: 90%;
		margin: 20px 0;
	}
	.black-section{
		flex-direction:column;
		height: auto;
	}
	.black-section .menu-img {
		position: static;
		display: block;
		margin: 30px auto 0;
		width: 90vw;
		height: auto;
		max-width: 100%;
	}
	.black-section .cta-menu{
		position:static;
		padding:15px 0;
	}
	.pizza-banner {
		height:auto;
	}
	
	.black-section .scketch-img {
		position: static;
		display: block;
		width: 85vw;
		height: auto;
		max-width: 100%;
	}
	.black-section .menu-text {
		font-size: 10vw;
		position: static; /* più sicuro e fluido su mobile */
		margin: 45px auto 0;
		display: block;
		text-align: center;
		color: red; /* o un colore più leggibile se serve */
	}
	.black-section .call-text {
		font-size: 4.5vw;
		font-variation-settings: "slnt" 0, "wdth" 85, "wght" 300;
		position: static;
		text-align: center;
		display: block;
		color: red; /* oppure #f33 o #ff4b4b per maggior contrasto */
	}
	.pizza-text {
		top: 45%;
		padding: 25px 0;
		font-size: 6vw;
		background-size: cover; /* meglio per vedere la banda su mobile */
		line-height: 1.3;
		max-width: 90vw;
		word-break: break-word;
		width:90%;
	}
	.pizza-text-span {
		top: 55%; /* scalato leggermente più in basso per il mobile */
		padding: 15px 0;
		font-size: 4.5vw;
		font-variation-settings: "slnt" 0, "wdth" 85, "wght" 300;
		background-size: cover;
		max-width: 90vw;
		word-break: break-word;
		line-height: 1.3;
		width:90%;
	}
	.logo {
		max-width: 100%;
	}
	
	.shadow {
		max-width: 100%
	}
}

.privacy-footer {
	background: black;
	display: flex;
	justify-content: center;
}
.privacy-footer a {
	color: #ff661a;
	font-size: 12px;
	text-align: center;
	margin-bottom: 5px;
	padding:0 10px;
}