/* --------- Сброс --------- */
* {margin:0;padding:0;box-sizing:border-box;}
body {font-family:Arial,sans-serif; padding-top:70px;}

/* --------- Фоновый блок --------- */
.wrapper {
    min-height:100vh;
    width:100%;
    background-image:url("parilkaback.jpg");
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    color:white;
    padding:20px;
}
.wrapper h1 {margin-top:20px; font-size:2em; text-shadow:0 2px 6px rgba(0,0,0,0.6);}

/* --------- Меню --------- */
.menu {background:#3D4852; position:fixed; width:100%; top:0; left:0; z-index:1000; box-shadow:0 2px 5px rgba(0,0,0,0.3);}
.menu-wrap {display:flex; justify-content:space-between; align-items:center; padding:10px 20px; position:relative;}
.logo-phone {display:flex; align-items:center; gap:15px;}
.logo-img {height:50px;}
.menu-wrap h6 {color:white; font-size:1em; font-weight:normal;}
.menu-wrap h6 a {color:white; text-decoration:none;}
.menu-wrap h6 a:hover {color:#eb6f4a;}

/* nav — десктоп */
nav ul {list-style:none; display:flex; gap:20px;}
nav ul li a {color:white; text-decoration:none; display:block; padding:10px 5px; text-align:center;}
nav ul li a:hover {color:#eb6f4a;}

/* Бургер */
.menu-icon {display:none; font-size:28px; cursor:pointer; color:white; margin-left:auto;}
#checkbox {display:none;}

/* --------- Мобильная версия --------- */
@media(max-width:768px){
    nav {
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        background:#3D4852;
        max-height:0;
        overflow:hidden;
        transition:max-height 0.3s ease;
    }
    #checkbox:checked ~ nav {max-height:300px;}
    nav ul {flex-direction:column; align-items:center; gap:15px; padding:10px 0;}
    .menu-icon {display:block;}
}

/* --------- Общие стили секций --------- */
.divphotos, .divprices, .divcontacts {
    padding:40px 20px;
    margin:20px auto;
    max-width:1000px;
    text-align:center;
	background:#fff;
}

#prices, #contacts, #photos {scroll-margin-top:70px;}

.divphotos h2, .divprices h2, .divcontacts h2 {
    text-align:center;
    margin-bottom:20px;
    font-size:1.8em;
    color:#3D4852;
}

/* --------- Ссылки "Наверх" --------- */
.divphotos > p, .divprices > p, .divcontacts > p {text-align:center; margin-top:15px; margin-bottom:15px;}
.divphotos p a, .divprices p a, .divcontacts p a {
    display:inline-block;
    color:#eb6f4a;
    text-decoration:none;
    font-size:0.9em;
}
.divphotos p a:hover, .divprices p a:hover, .divcontacts p a:hover {text-decoration:underline;}

/* --------- Цены --------- */
.prices {display:flex; justify-content:center; flex-wrap:wrap; gap:30px;}
.price {background:#f5f5f5; padding:20px; border-radius:10px; width:250px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,0.08);}
.price h3 {font-size:1em; color:#3D4852; margin-bottom:10px;}
.price-amount {font-size:1.4em; font-weight:bold; color:#eb6f4a; margin-top:10px;}
.aster {text-align:center; font-size:0.9em; color:#666; margin-top:15px; max-width:700px; margin-left:auto; margin-right:auto;}

/* --------- Контакты --------- */
.contacts-wrap {display:flex; gap:30px; align-items:flex-start; flex-wrap:wrap; text-align:left;}
.contacts-wrap iframe {flex-shrink:0; max-width:100%;}
.contacts-info {display:flex; flex-direction:column; gap:15px; padding-top:10px;}
.contacts-info p {font-size:1em; color:#333; margin-bottom:8px;}
.divcontacts a {color:#3D4852; text-decoration:none;}
.divcontacts a:hover {color:#eb6f4a;}

/* --------- Галерея --------- */
.gallery {display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:15px; margin-top:20px;}
.gallery img {width:100%; border-radius:8px; display:block;}