/* site.css — общая шапка и мобильная раскладка SK Invest.
   Подключается на всех страницах после встроенных стилей. */

header{position:sticky;top:0;z-index:20;justify-content:flex-start;}
header .logo{color:var(--text);}
header .logo{order:1;}
header nav{order:2;margin-left:auto;}
header > .lang{order:3;margin-left:16px;}
.menu-btn{display:none;}

/* вся карточка инструмента нажимается целиком */
.tool{position:relative;}
.tool .go::after{content:"";position:absolute;inset:0;border-radius:14px;}
.tool:hover{border-color:var(--accent);}

.calc{align-items:start;}

@media(max-width:1100px){
  header{padding:10px 16px;flex-wrap:wrap;gap:0;}
  header > .lang{order:2;margin-left:auto;}
  .lang a{padding:8px 12px;}
  .menu-btn{order:3;display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;margin-left:8px;padding:0 10px;background:none;border:1px solid var(--border);border-radius:8px;cursor:pointer;}
  .menu-btn span{display:block;height:2px;background:var(--text);border-radius:2px;transition:transform .2s,opacity .2s;}
  header.open .menu-btn span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  header.open .menu-btn span:nth-child(2){opacity:0;}
  header.open .menu-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
  header nav{order:4;display:none;flex-basis:100%;flex-direction:column;align-items:stretch;margin:10px 0 0;}
  header.open nav{display:flex;}
  header nav a{margin:0;padding:14px 4px;font-size:1rem;border-top:1px solid var(--border);color:var(--text);}
  header nav a.active{color:var(--accent);font-weight:600;}
}

@media(max-width:640px){
  main{padding-left:14px;padding-right:14px;}
  h1{font-size:1.6rem;line-height:1.25;}
  .hero{padding:28px 4px 8px;}
  .hero h1{font-size:1.9rem;}
  .hero p{font-size:1rem;}
  .tools{gap:10px;margin-top:20px;}
  .tool{display:grid;grid-template-columns:44px 1fr;column-gap:12px;padding:16px;align-items:start;}
  .tool .ic{grid-row:1 / span 3;font-size:1.6rem;line-height:1.3;}
  .tool h3{margin:0 0 2px;font-size:1.05rem;}
  .tool p{margin:0 0 8px;font-size:.9rem;line-height:1.45;}
  .tool .go{background:none;color:var(--accent);padding:0;font-size:.9rem;justify-self:start;}
  .partner{padding:16px;}
  .partner .go{width:100%;text-align:center;padding:12px 16px;}
  .why{margin-top:28px;gap:10px;}
  .card{padding:16px;}
  article{margin-top:28px;}
  article h2{font-size:1.25rem;margin-top:24px;}
}