@media screen and (max-width:768px){


.desktop-nav{

    display:none;

}

.nav-actions .btn-nav{

    display:none;

}

.booking-float{

    display:flex;

}


/* ========================= */
/*       MENU MOBILE         */
/* ========================= */

.menu-toggle{

    display:flex;

    flex-direction:column;

    justify-content:center;

    gap:6px;

    background:none;

    border:none;

    cursor:pointer;
    
     align-items:center;

}

.menu-toggle span{

    display:block;

    width:28px;

    height:3px;

   background:#D9C5A1;

    border-radius:20px;
    
    

}

.menu-toggle span:nth-child(2){

  width:40px;
  
	

}

.menu-toggle.active{

    transform:rotate(180deg);

    transition:.35s;

}


.menu-toggle.active span:nth-child(1){

    transform:translateY(9px) rotate(45deg);

}

.menu-toggle.active span:nth-child(2){

    opacity:0;

}

.menu-toggle.active span:nth-child(3){

    transform:translateY(-9px) rotate(-45deg);

}

.menu-toggle.active span{

    background:#8B1E2D;

}

.mobile-dropdown{

    display:none;

    position:absolute;

    top:100%;
    	
    right:0%;

    width:180px;

     overflow:hidden;

	background:rgb(62 61 61 / 18%);
	
	box-shadow:0 12px 30px rgb(0 0 0 / 15%);
	
   

    z-index:999;

}


.mobile-dropdown a{

    display:flex;

    justify-content:center;

    align-items:center;

    height:35px;

    text-decoration:none;
	
 	color:#FFFFFF;

    font-family:'Playfair Display',serif;

    font-size:13px;

	border-bottom:1px solid rgb(237 237 237 / 23%);

    transition:.30s;
    
    position:relative;

    z-index:2;
    

}

.mobile-dropdown a:last-child{

    border-bottom:none;

}

.mobile-dropdown a:active{

    background:#EFE7DA;

}


.mobile-dropdown.active{
	display:flex;

    flex-direction:column;
}

.logo img{

    height:60px;

}

header.scrolled,
header.scrolled .mobile-dropdown{

    background:white;

}

.mobile-dropdown.scrolled a{

    color:#1E3558;

    border-bottom:1px solid rgba(30,53,88,.10);

}


/* parte heroooooo */ 

.hero-description span{

    display:block;

}

.hero-title{

   font-size:34px;
   letter-spacing:18px;

	
}

.terrace-title {
	
	font-size:3rem;
   
	
}

.hero-subtitle{

    font-size:12px;

    letter-spacing:2px;
      margin-bottom:20px;

}
.hero-description{

      font-size:14px !important;


    line-height:1.6;

    max-width:300px;

}

.cloud1{

    width:90px;

    top:-10px;

    left:-25px;

}

.cloud2{

    width:120px;

    top:150px;

    left:50%;

    transform:translateX(-50%);

}

.cloud3{

    width:80px;

    top:25px;

    right:1%;

}

/* SEZIONE CAMEREEEE */
.rooms-showcase{

    display:flex;

    flex-direction:column;

    height:auto;
    background:red;


  

}
.room-panel{

    position:relative;

    flex:none;

    width:100%;

    height:280px;

    overflow:hidden;

}

.room-panel img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.room-panel:hover{

    flex:none;

}

.room-panel:hover img{

    transform:none;

    filter:none;

}

.discover-overlay{

    display:none;

}

.room-overlay{

    padding:25px;

}

.room-overlay h3{

    font-size:2rem;

}

.room-overlay p{

    font-size:14px;

    line-height:1.6;

}



/*  AGROPOLI LAYER */


.agropoli-grid{

    display:flex;

    flex-direction:column;

    

}

.agropoli h2{

    text-align:center;

    font-size:32px;
    
    margin-bottom:20px;

}

.agropoli p{

    text-align:justify;

    font-size:15px;

    line-height:1.8;

}

.agropoli-card{

    width:100%;
 	height:auto;
    max-width:380px;

    margin-top:15px;
    

}

.agropoli-card img{

    width:100%;
	
    height:300px;

    object-fit:cover;

}


.agropoli-overlay h3{

    font-size:28px;

}
.agropoli-overlay{

    top:-30px;

    right:-5px;

    width:210px;

    min-height:85px;

    padding:15px 20px;

}

.agropoli-overlay-shadow{

    top:-20px;
    right:10px;

    width:210px;
    height:95px;

    border-radius:18px;

}

.footer{

    padding:70px 0 0;

}

.footer-grid{

    display:flex;

    flex-direction:column;

    gap:40px;

}

.footer-left,
.footer-right{

    width:100%;

    text-align:center;

}

.footer-left{

    display:flex;

    flex-direction:column;

    align-items:center;

}

.footer-left h2,
.footer-right h2{

    font-size:2rem;

    margin-bottom:18px;

}

.footer-left p{

    font-size:1rem;

    margin-bottom:30px;

}

.footer-link{

    justify-content:center;

    gap:14px;

    margin-bottom:18px;

}

.footer-link i{

    width:42px;

    height:42px;

    font-size:17px;

}

.footer-link span{

    font-size:1rem;

}

.footer-map{

    width:100%;

    height:300px;

}

.footer-map iframe{

    width:100%;

    height:100%;

}

.footer-address{

    flex-direction:column;

    gap:8px;

    text-align:center;

    font-size:.95rem;

}

.footer-address a{

    word-break:break-word;

}

.footer-bottom{

    margin-top:50px;

    font-size:.9rem;

    padding:20px;

}
}