/* mobile.css — единственное добавление к оригинальным стилям снепа (styles.css 2024): медиазапросы для экранов ≤ 980 px. Десктоп не меняется. */
.valikkonappi { display: none; }
@media (max-width: 980px) {
  .container { width: 100%; background-image: none; display: flex; flex-direction: column; }
  .alatunniste { width: 100%; height: auto; padding: 8px 12px; box-sizing: border-box; line-height: 1.7; }

  .alatunniste_txt { line-height: 1.4; }
  .logo { float: none; width: auto; padding: 8px 12px 0; order: 0; }
  .logo img { width: 150px; height: auto; }
  .valikkonappi { display: inline-block; position: absolute; top: 28px; right: 12px; z-index: 2; margin: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; color: #786e5b; background: #fff; border: 1px solid #ccc7c2; padding: 10px 16px; min-height: 44px; }
  .sidebar1 { display: none; width: auto; order: 1; }
  ul.nav { display: block; }
  ul.nav li { display: block; float: none; }
  .sidebar1.auki { display: block; }
  ul.nav { margin: 0 12px 12px; border-top: 1px solid #ccc7c2; font-size: 24px; }
  ul.nav a, ul.nav a:visited { width: auto; padding: 10px 12px; min-height: 44px; box-sizing: border-box; border-bottom: 1px solid #ddd8d3; }
  ul.nav .ala_nav2 > a { padding-left: 32px; }
  .ala_nav { font-size: 15px; }
  .content { width: auto; float: none; margin-top: 0; min-height: 0; padding: 0 12px 10px; order: 2; }
  .content img { max-width: 100%; height: auto; }
  .content_galleria1, .content_galleria2, .content_galleria3 { width: auto; float: none; background-size: 100% auto; }
  .content_galleria1 { height: 0; padding-top: 23.4%; }
  .content_galleria3 { height: 0; padding-top: 10.3%; }
  #galleria { width: auto; padding: 0; }
  #galleria table, #galleria td { display: block; }
  #galleria td { display: inline-block; }
  .box { width: auto; margin-right: 0; background-size: 100% auto; }
  .box h4 { background-size: 100% auto; }
  .box .last { background-size: 100% auto; height: 0; padding-top: 11.8%; }
  #navikuva { position: static; width: auto; margin: 0 12px 10px; text-align: center; order: 3; }
  #navikuva img { display: inline-block; max-width: 180px; height: auto; }
  .footer { width: 100%; order: 4; }
  .content table { width: 100% !important; table-layout: fixed; }
  .content table td { word-break: break-word; }
  table td { padding-left: 8px; }
  body { font-size: 15px; }
  p, .content li, table td, .content ul, .content ol { font-size: 15px; line-height: 1.5em; }
  h1 { font-size: 20px; } h2 { font-size: 17px; } h3, h4 { font-size: 15px; }
  .content ul, .content ol { padding-left: 28px; }
  p, h1, h2, h3, h4 { padding-left: 8px; padding-right: 8px; }
  .box h4, .box p { padding-left: 24px; padding-right: 12px; }
}