*{
box-sizing:border-box;
}


body{

margin:0;

font-family:Arial, Helvetica, sans-serif;

background:#eaf5fb;

color:#263238;

line-height:1.7;

}



header{

background:white;

position:sticky;

top:0;

z-index:100;

box-shadow:0 3px 15px rgba(0,0,0,.12);

}



.nav{

max-width:1200px;

margin:auto;

padding:10px 20px;

display:flex;

align-items:center;

gap:15px;

}



.logo-box{

width:100px;
height:100px;

overflow:hidden;

border-radius:8px;

}



.logo-box img{

width:100%;
height:100%;

object-fit:cover;

}



.logo{

font-size:24px;

font-weight:bold;

color:#006fae;

}





main{

padding:45px 20px;

}





.card{

max-width:950px;

margin:auto;

background:white;

padding:55px;

border-radius:18px;

box-shadow:0 15px 40px rgba(0,0,0,.12);

overflow:hidden;

}





.banner{

height:300px;

background-image:url("fotky/background.jpg");

background-size:cover;

background-position:center;


display:flex;

justify-content:center;

align-items:center;


margin:-55px -55px 50px -55px;

border-radius:18px 18px 0 0;

}




.banner h1{

color:white;

font-size:44px;

text-align:center;

text-shadow:0 3px 10px rgba(0,0,0,.5);

}





section{

margin-bottom:60px;

}




h1,
h2{

color:#005f8f;

}



h3{

color:#006fae;

}





.contact-price{

display:grid;

grid-template-columns:1fr 1fr;

gap:40px;

}





.contact,
.pricing{

background:#f4fbff;

padding:25px;

border-radius:14px;

display:flex;

flex-direction:column;

}





a{

color:#006fae;

font-weight:bold;

}





.price-table{

width:100%;

border-collapse:collapse;

}





.price-table th{

background:#006fae;

color:white;

}





.price-table td,
.price-table th{

border:1px solid #ddd;

padding:14px;

}






.reason{

display:flex;

flex-direction:column;

gap:20px;

}




.reason-item{

background:#f4fbff;

padding:25px;

border-radius:14px;

border-left:5px solid #006fae;

}





.reason-item h3{

margin-top:0;

}






.button-container{

display:flex;

justify-content:center;

align-items:center;

margin-top:30px;

}






.gallery-button{

display:inline-block;

padding:12px 24px;

background:#006fae;

color:white;

border-radius:8px;

text-decoration:none;

}






/* =====================
   GALERIA
===================== */



.videos{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:25px;

margin-bottom:50px;

}



.videos video{

width:100%;

border-radius:14px;

background:black;

}





.gallery{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:25px;

}





.gallery img{

width:100%;

height:300px;

object-fit:cover;

border-radius:14px;

}





footer{

text-align:center;

padding:30px;

}






/* =====================
   MOBIL
===================== */



@media(max-width:750px){



body{

background:white;

}





main{

padding:0;

}





.card{

max-width:none;

width:100%;

padding:25px 20px;

border-radius:0;

box-shadow:none;

}





.banner{

height:190px;

margin:-25px -20px 35px -20px;

border-radius:0;

}





.banner h1{

font-size:32px;

}





.contact-price{

grid-template-columns:1fr;

}





.nav{

padding:10px 15px;

}





.logo-box{

width:45px;

height:45px;

}





.logo{

font-size:20px;

}






.reason-item{

padding:20px;

}





.videos{

grid-template-columns:1fr;

}




.gallery{

grid-template-columns:1fr;

}





.gallery img{

height:250px;

}



}