/* RESET */
		*{margin:0;padding:0;box-sizing:border-box;}

		/* BODY */
		body{
			font-family:'Roboto',sans-serif;
			background:url('/images/fon.webp') center/cover no-repeat fixed;
			color:#2D3748;
			height:100vh;
			display:flex;
			flex-direction:column;
			will-change: transform;
		}

		/* HEADER */
		header{
		    padding:20px 50px;
		    
			position:relative;
			flex-shrink:0; 
			display:flex;justify-content:space-between;align-items:center;
			z-index:1000;
			background:transparent;
			transition:.4s;
		}

        /* MAIN */
        main{
            padding: 20px 0px;
            
            display:flex;
            justify-content: center;
            align-items: flex-start;   /* контент сверху */
            
            flex:1;
            overflow-y:auto;
            overflow-x:hidden;
            
            scrollbar-width: none;     /* Firefox */
            -ms-overflow-style: none;  /* IE 10+ */
        }

        main::-webkit-scrollbar {
            display: none;             /* Chrome, Safari, Edge */
        }

		header.scrolled{
			background:rgba(0,0,0,.35);
			backdrop-filter:blur(12px);
		}
		header.scrolled .menu-bg{margin-left:0;}

        .menu-bg{
            background:rgba(120,120,130,0.95);
            padding:12px 40px;border-radius:40px;
            box-shadow:0 6px 20px rgba(0,0,0,0.1);
            margin-left:280px;transition:all .4s ease;
        }
        .menu{display:flex;gap:62px;}
        .menu a{
            color:#fff;font-family:'Playfair Display',serif;font-style:italic;
            font-weight:700;font-size:26px;text-decoration:none;
            position:relative;padding:8px 0;white-space:nowrap;
        }
        
        .menu a::after{
            content:'';position:absolute;bottom:2px;left:50%;width:0;height:2px;
            background:#1E90FF;transition:.4s;transform:translateX(-50%);
        }
        .menu a:hover,.menu a.active{color:#6eb8ff;}
        .menu a:hover::after,.menu a.active::after{width:90%;}
        .header-right{display:flex;align-items:center;gap:70px;}
        .right-block{display:flex;flex-direction:column;align-items:center;gap:12px;}
        .socials{display:flex;gap:22px;}
        .socials img{width:50px;height:50px;border-radius:12px;transition:.3s;}
        .socials a:hover img{transform:scale(1.18);}
        .phone-under a{font-size:28px;font-weight:700;color:#fff;text-decoration:none;text-shadow:0 2px 15px rgba(0,0,0,0.5);}
        .logo img{height:110px;transition:.3s;}
        .logo img:hover{transform:scale(1.08);}
		
		@media (max-width:992px){
            header{
                padding:18px 15px 0px;
                
                flex-direction:column;
                gap:16px;
            }
            main{
                padding: 10px 30px;
            }
            .menu-bg{margin-left:0;width:100%;padding:10px 15px;border-radius:35px;}
            .menu{justify-content:space-evenly;gap:10px;font-size:13.8px;}
            .menu a{font-size:13.8px;padding:6px 8px;}
            .header-right{width:100%;justify-content:space-between;gap:20px;}
            .right-block{align-items:flex-start;gap:8px;}
            .socials{gap:13px;}
            .socials img{width:37px;height:37px;}
            .phone-under a{font-size:20.5px;}
            .logo img{height:68px;}
        }
        @media (max-width:480px){
            header{
                padding:18px 15px 0px;
            }
            main{
                padding: 10px 10px;
                
            }
            .menu{font-size:13.2px;gap:6px;}
            .menu a{font-size:13.2px;padding:4px 5px;}
        }