
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#222;line-height:1.65}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
header{background:#12324f;color:#fff}.head{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.logo{color:#fff;font-weight:bold;font-size:20px;text-decoration:none;padding:14px 0}
.burger{display:none;background:none;border:1px solid #fff;color:#fff;font-size:22px;cursor:pointer}
.mainnav{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap}
.mainnav>li{position:relative}.mainnav a{color:#fff;text-decoration:none;display:block;padding:14px 10px}
.mainnav a:hover{background:#1d4a70}
.menu{display:none;position:absolute;left:0;top:100%;background:#12324f;list-style:none;margin:0;padding:0;min-width:240px;z-index:50;box-shadow:0 4px 12px rgba(0,0,0,.3)}
li.lang-menu .menu{left:auto;right:0;min-width:80px}
.drop:hover .menu,.drop:focus-within .menu,.drop.open .menu{display:block}
.menu a{padding:10px 14px}
main{padding:28px 0 40px}h1{font-size:30px;line-height:1.3}h2{font-size:22px;margin-top:32px}
table{border-collapse:collapse;width:100%;margin:16px 0}td,th{border:1px solid #ccc;padding:8px 10px;text-align:left;vertical-align:top}
.model{background:#f4f7f9;border:1px solid #dde5ea;padding:16px 18px;margin:18px 0;border-radius:6px}
.model h3{margin-top:0}.inquiry{background:#fff8e1;border:1px solid #f0d98c;padding:16px 20px;margin-top:36px;border-radius:6px}
footer{background:#eee;margin-top:20px;padding:24px 0}.small{font-size:13px;color:#555}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.card{border:1px solid #ddd;padding:14px;border-radius:6px}.card a{font-weight:bold}
img{max-width:100%;height:auto}
@media(max-width:900px){.burger{display:block}.mainnav{display:none;flex-direction:column;width:100%}.mainnav.open{display:flex}.menu{position:static;box-shadow:none}.mainnav>li{width:100%}}
