*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f2f7fa;color:#123;line-height:1.65}
header.hero{min-height:450px;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(rgba(0,30,55,.38),rgba(0,30,55,.38)),url("morze1.jpg");background-size:cover;background-position:center}
.hero-inner{max-width:950px;padding:40px 20px}
.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.1;margin:0 0 15px}
.hero p{font-size:clamp(19px,2.5vw,25px);margin:0 0 28px}
nav{background:#00334d;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:10px 12px;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.18)}
nav a{color:#fff;text-decoration:none;padding:10px 13px;border-radius:7px;font-weight:bold}
nav a:hover,nav a.active{background:#005b8f}
section{max-width:1100px;margin:auto;padding:42px 20px}
h1.page-title{font-size:40px;line-height:1.15;color:#00334d;text-align:center;margin:0 0 12px}
h2{color:#005b8f;text-align:center;margin-top:38px;line-height:1.2}
h3{color:#00334d}
.box{background:#fff;padding:25px;border-radius:12px;margin:20px 0;box-shadow:0 3px 10px #ccc}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
.card{background:#fff;padding:22px;border-radius:12px;box-shadow:0 3px 10px #ccc}
.price{font-size:25px;font-weight:bold;color:#007d59}
.btn{display:inline-block;padding:13px 25px;background:#00a86b;color:#fff;text-decoration:none;border-radius:30px;font-size:18px;font-weight:bold;margin:6px}
.btn:hover{background:#008f5a}
.btn-secondary{background:#005b8f}.btn-secondary:hover{background:#00466d}
.hero .btn{margin-top:10px}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}
.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block}
ul.check{padding-left:22px}
.faq details{background:#fff;margin:12px 0;padding:16px 20px;border-radius:10px;box-shadow:0 2px 8px #d3d3d3}
.faq summary{cursor:pointer;font-weight:bold;color:#00334d}
.notice{border-left:5px solid #00a86b;background:#e7f5fc;padding:18px 20px;border-radius:8px}
.contact{text-align:center;font-size:19px}
footer{background:#00334d;color:#fff;text-align:center;padding:25px 20px;margin-top:20px}
footer a{color:#fff}
.small{font-size:14px;color:#456}
@media(max-width:650px){
  nav a{font-size:14px;padding:8px 9px}
  section{padding:30px 15px}
  .box,.card{padding:18px}
}