.mobile-page-toggle,
.mobile-page-logo,
.mobile-page-actions {
  display: none;
}

@media (max-width: 1100px), (max-device-width: 720px) {
  *, *::before, *::after { box-sizing: border-box; }
  html { width: 100%; max-width: 100%; min-width: 0 !important; height: auto !important; min-height: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  body { width: 100%; max-width: 100%; min-width: 0 !important; height: auto !important; min-height: 100vh; min-height: 100dvh; margin: 0; padding-bottom: calc(72px + env(safe-area-inset-bottom)); overflow-x: hidden; background: #f7f2e9; }
  a, button { touch-action: manipulation; -webkit-tap-highlight-color: rgba(0,0,0,.12); }

  #art-main,
  .art-sheet { width: 100% !important; max-width: 489px !important; min-width: 0 !important; margin: 0 !important; overflow: hidden !important; border-radius: 0 !important; }
  .art-header { position: relative !important; width: 100% !important; max-width: 489px !important; height: 170px !important; min-height: 170px !important; overflow: visible !important; background: #07100f url('images/header.jpg') center top / auto 170px no-repeat !important; }
  .art-header.menu-open { height: 414px !important; }
  .mobile-page-logo { position: absolute; z-index: 22; top: 9px; left: 14px; display: block; width: 64px; height: 64px; object-fit: contain; }
  .art-headline { position: absolute !important; top: 84px !important; bottom: auto !important; left: 18px !important; right: 18px !important; width: auto !important; margin: 0 !important; padding: 0 !important; transform: none !important; text-align: left !important; }
  .art-headline a { display: block !important; width: 100% !important; max-width: 400px !important; color: #f45d19 !important; font-size: 22px !important; line-height: 1.25 !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word; }

  .art-nav { position: absolute !important; z-index: 30; top: 0 !important; right: 0 !important; bottom: auto !important; left: 0 !important; width: 100% !important; max-width: 489px !important; height: 170px !important; overflow: visible !important; pointer-events: none; }
  .mobile-page-toggle { pointer-events: auto; position: absolute; z-index: 2; top: 12px; right: 14px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; width: 48px; height: 44px; padding: 0; appearance: none; -webkit-appearance: none; background: rgba(255,255,255,.94); border: 1px solid #8b6a31; border-radius: 6px; box-shadow: 0 3px 10px rgba(0,0,0,.25); cursor: pointer; }
  .mobile-page-toggle span { display: block; width: 24px; height: 3px; background: #18130b; border-radius: 2px; transition: transform .2s ease, opacity .2s ease; }
  .art-nav.is-open .mobile-page-toggle span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
  .art-nav.is-open .mobile-page-toggle span:nth-child(2) { opacity: 0; }
  .art-nav.is-open .mobile-page-toggle span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
  .art-hmenu { pointer-events: auto; position: absolute !important; top: 170px !important; right: 14px !important; left: 14px !important; display: none !important; flex-direction: column !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 8px !important; background: rgba(255,255,255,.97); border: 1px solid #b28a48; border-radius: 0 0 8px 8px; box-shadow: 0 10px 24px rgba(0,0,0,.28); }
  .art-nav.is-open .art-hmenu { display: flex !important; }
  .art-hmenu > li { float: none !important; width: 100% !important; margin: 0 !important; }
  .art-hmenu > li > a { display: block !important; width: 100% !important; min-width: 0 !important; min-height: 44px; padding: 0 14px !important; line-height: 44px !important; text-align: left !important; white-space: normal !important; }

  .art-layout-wrapper, .art-content-layout, .art-content-layout-row, .art-layout-cell, .art-content, .art-post, .art-postcontent { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; }
  .art-sidebar1 { display: none !important; }
  .art-post { margin: 0 !important; padding: 0 !important; }
  .art-postcontent { padding: 12px 20px !important; font-size: 16px !important; line-height: 1.7 !important; }
  .art-postcontent .art-layout-cell { margin: 0 0 14px !important; padding: 14px !important; overflow: visible; border-radius: 10px !important; }
  .art-postcontent table, .art-postcontent tbody, .art-postcontent tr, .art-postcontent th, .art-postcontent td { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; }
  .art-postcontent h1, .art-postcontent h2, .art-postcontent h3, .art-postcontent h4, .art-postcontent p, .art-postcontent div, .art-postcontent span, .art-postcontent li, .art-postcontent a { max-width: 100% !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word; }
  .art-postcontent img { position: static !important; float: none !important; clear: both !important; display: block !important; max-width: 100% !important; width: auto !important; height: auto !important; margin: 8px auto !important; transform: none !important; object-fit: contain; }
  .art-postcontent iframe, .art-postcontent video, .art-postcontent embed, .art-postcontent object { display: block !important; width: 100% !important; max-width: 100% !important; height: auto; }
  .art-footer { padding: 20px 16px 28px !important; font-size: 14px !important; line-height: 1.7 !important; }
  .art-page-footer { display: none; }

  .mobile-page-actions { position: fixed; z-index: 9999; left: 0; right: auto; bottom: 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; width: 100%; max-width: 489px; padding: 8px max(10px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left)); background: rgba(255,255,255,.22); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
  .mobile-page-actions a { display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 48px; padding: 5px; color: #fff !important; font: 700 13px/1.2 Arial,Tahoma,sans-serif; text-align: center; text-decoration: none !important; border-radius: 28px; box-shadow: 0 5px 12px rgba(0,0,0,.14); }
  .mobile-page-actions .call { background: #dc4316; }
  .mobile-page-actions .line { color: #15351d !important; background: #52d76d; }
  .mobile-page-actions .repair { background: #2865e5; }
}

@media (min-width: 768px) and (max-width: 1100px) {
  #art-main, .art-sheet, .art-header, .art-nav { max-width: 900px !important; }
  #art-main, .art-sheet { margin-left: auto !important; margin-right: auto !important; }
  .art-postcontent { padding-left: 24px !important; padding-right: 24px !important; }
  .mobile-page-actions { left: 50%; max-width: 900px; transform: translateX(-50%); }
}