/* =========================================================
   VZUTA_UA — BASE.CSS
   reset / typography / common
   ========================================================= */

*,
*::before,
*::after{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    min-width:320px;
    font-family:Arial, sans-serif;
    background:#f6f6f6;
    color:#111;
    overflow-x:hidden;
}

body.menu-open,
body.filters-open{
    overflow:hidden;
}

a{
    color:inherit;
    text-decoration:none;
}

button,
input,
textarea,
select{
    font-family:inherit;
}

button{
    cursor:pointer;
}

a,
button{
    -webkit-tap-highlight-color:transparent;
}

img,
video,
svg{
    max-width:100%;
}

img{
    display:block;
}

.container{
    width:96%;
    max-width:1500px;
    margin:0 auto;
}

.page-title{
    margin-bottom:24px;
    font-size:38px;
    font-weight:800;
    line-height:1.1;
}

.btn-dark{
    min-height:52px;
    padding:0 24px;
    border:0;
    border-radius:14px;
    background:#111;
    color:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
    transition:.22s ease;
}

.btn-dark:hover{
    background:#292929;
}

.btn-light{
    min-height:52px;
    padding:0 24px;
    border:0;
    border-radius:14px;
    background:#f2f2f2;
    color:#111;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
}

@media (max-width:768px){
    .container{
        width:100%;
        max-width:100%;
        padding-left:16px;
        padding-right:16px;
    }

    main,
    section{
        width:100%;
        max-width:100%;
        overflow:hidden;
    }

    .page-title{
        font-size:32px;
    }
}