body { margin:0; font-family: Arial, sans-serif; scroll-behavior: smooth; }
header { position:fixed; top:0; width:98%; background:#fff; display:flex; justify-content:space-between; align-items:center; padding:10px 20px; z-index:1000; box-shadow:0 2px 5px rgba(0,0,0,0.1); }
header .logo img { height:50px; }
nav a { margin:0 10px; text-decoration:none; color:#333; }
.btn-order { padding:6px 12px; border:2px solid #333; border-radius:20px; }
.hero { background:url('images/photo_1.jpg') center/cover no-repeat; height:100vh; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.hero-logo { max-width:400px; margin-bottom:20px; }
.scroll-down { font-size:30px; color:#000; text-decoration:none; animation: bounce 2s infinite; }
@keyframes bounce { 0%,20%,50%,80%,100% { transform: translateY(0);} 40% { transform: translateY(-10px);} 60% { transform: translateY(-5px);} }
.about { padding:100px 20px; text-align:center; font-family:Georgia, serif; }
.gallery { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:20px; }
.gallery img { width:100%; display:block; border-radius:10px; }
@media(max-width:600px){ .gallery{grid-template-columns:1fr;} }
.cta { text-align:center; padding:40px; }
.contacts { padding:50px 20px; text-align:center; background:#f9f9f9; }
footer { padding:20px; text-align:center; background:#fff; }
.order { padding:100px 20px; }
.order form { display:flex; flex-direction:column; gap:10px; max-width:500px; margin:auto; }