/* Mobile home: existing brand, real equipment photos, compact app navigation. */
/* Icons: Tabler Icons 3.51.0, MIT. See mini-home-icons.LICENSE. */
:root {
  --mini-apps: url("data:image/svg+xml,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%20%20class%3D%22icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-apps%22%0A%3E%0A%20%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M4%205a1%201%200%200%201%201%20-1h4a1%201%200%200%201%201%201v4a1%201%200%200%201%20-1%201h-4a1%201%200%200%201%20-1%20-1l0%20-4%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M4%2015a1%201%200%200%201%201%20-1h4a1%201%200%200%201%201%201v4a1%201%200%200%201%20-1%201h-4a1%201%200%200%201%20-1%20-1l0%20-4%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M14%2015a1%201%200%200%201%201%20-1h4a1%201%200%200%201%201%201v4a1%201%200%200%201%20-1%201h-4a1%201%200%200%201%20-1%20-1l0%20-4%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M14%207l6%200%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M17%204l0%206%22%20%2F%3E%0A%3C%2Fsvg%3E");
  --mini-assembly: url("data:image/svg+xml,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%20%20class%3D%22icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-assembly%22%0A%3E%0A%20%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M19.875%206.27c.7%20.398%201.13%201.143%201.125%201.948v7.284c0%20.809%20-.443%201.555%20-1.158%201.948l-6.75%204.27a2.27%202.27%200%200%201%20-2.184%200l-6.75%20-4.27a2.23%202.23%200%200%201%20-1.158%20-1.948v-7.285c0%20-.809%20.443%20-1.554%201.158%20-1.947l6.75%20-3.98a2.33%202.33%200%200%201%202.25%200l6.75%203.98l-.033%200%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M15.5%209.422c.312%20.18%20.503%20.515%20.5%20.876v3.277c0%20.364%20-.197%20.7%20-.515%20.877l-3%201.922a1%201%200%200%201%20-.97%200l-3%20-1.922a1%201%200%200%201%20-.515%20-.876v-3.278c0%20-.364%20.197%20-.7%20.514%20-.877l3%20-1.79c.311%20-.174%20.69%20-.174%201%200l3%201.79h-.014l0%20.001%22%20%2F%3E%0A%3C%2Fsvg%3E");
  --mini-building-factory-2: url("data:image/svg+xml,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%20%20class%3D%22icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-building-factory-2%22%0A%3E%0A%20%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M3%2021h18%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M5%2021v-12l5%204v-4l5%204h4%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M19%2021v-8l-1.436%20-9.574a.5%20.5%200%200%200%20-.495%20-.426h-1.145a.5%20.5%200%200%200%20-.494%20.418l-1.43%208.582%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M9%2017h1%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M14%2017h1%22%20%2F%3E%0A%3C%2Fsvg%3E");
  --mini-category: url("data:image/svg+xml,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%20%20class%3D%22icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-category%22%0A%3E%0A%20%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M4%204h6v6h-6l0%20-6%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M14%204h6v6h-6l0%20-6%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M4%2014h6v6h-6l0%20-6%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M14%2017a3%203%200%201%200%206%200a3%203%200%201%200%20-6%200%22%20%2F%3E%0A%3C%2Fsvg%3E");
  --mini-home: url("data:image/svg+xml,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%20%20class%3D%22icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-home%22%0A%3E%0A%20%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M5%2012l-2%200l9%20-9l9%209l-2%200%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M5%2012v7a2%202%200%200%200%202%202h10a2%202%200%200%200%202%20-2v-7%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M9%2021v-6a2%202%200%200%201%202%20-2h2a2%202%200%200%201%202%202v6%22%20%2F%3E%0A%3C%2Fsvg%3E");
  --mini-phone: url("data:image/svg+xml,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%20%20class%3D%22icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-phone%22%0A%3E%0A%20%20%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M5%204h4l2%205l-2.5%201.5a11%2011%200%200%200%205%205l1.5%20-2.5l5%202v4a2%202%200%200%201%20-2%202a16%2016%200%200%201%20-15%20-15a2%202%200%200%201%202%20-2%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

@media (max-width: 760px) {
  body:has(.pv-home-page) { background: #f2f5f8; }
  body:has(.pv-home-page) > header { background: #fff; border-bottom: 0; }
  body:has(.pv-home-page) > header .bar { min-height: 62px; padding: 8px 16px; gap: 12px; }
  body:has(.pv-home-page) > header .logo,
  body:has(.pv-home-page) > header .logo img { width: 132px; min-width: 0; }
  body:has(.pv-home-page) > header .site-language { margin-left: auto; gap: 5px; }
  body:has(.pv-home-page) > header .site-language button { min-height: 36px; padding: 4px 2px; font-size: 10px; }
  body:has(.pv-home-page) > header .menu-btn { width: 42px; min-height: 36px; padding: 6px 4px; font-size: 12px; border: 0; border-radius: 10px; background: #f1f5f8; }
  .ui-site.pv-home-page { padding: 12px 12px 20px; background: #f2f5f8; }
  .ui-site.pv-home-page .ui-wrap { width: 100%; padding-inline: 16px; }
  .ui-site.pv-home-page > .ui-home-hero { display: block; min-height: 0; border-radius: 16px; background: #fff; margin-bottom: 14px; }
  .ui-site.pv-home-page > .ui-home-hero > figure { height: 194px; bottom: auto; }
  .ui-site.pv-home-page > .ui-home-hero > figure > img { object-position: 67% center; }
  .ui-site.pv-home-page > .ui-home-hero::after { height: 194px; bottom: auto; background: linear-gradient(90deg,#eff6fdf5 0%,#eff6fde8 30%,#eff6fd80 61%,#eff6fd00 100%); }
  .ui-site.pv-home-page > .ui-home-hero > .ui-wrap { padding: 0; }
  .ui-site.pv-home-page .ui-hero-copy { max-width: none; }
  .ui-site.pv-home-page .ui-hero-copy > span { font-size: 11px; line-height: 18px; margin: 0; padding: 18px 18px 0; color: #43647c; }
  .ui-site.pv-home-page .ui-hero-copy > h1 { display: flex; align-items: center; min-height: 138px; max-width: 245px; margin: 0; padding: 4px 18px 12px; color: #113951; font-size: 24px; line-height: 1.4; letter-spacing: -.03em; font-weight: 750; }
  .ui-site.pv-home-page .ui-hero-copy > p,
  .ui-site.pv-home-page .ui-hero-copy > .ui-facts { display: none; }
  .ui-site.pv-home-page .ui-hero-copy .ui-actions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; margin-top: 20px; padding: 12px 4px; background: #fff; }
  .ui-site.pv-home-page .ui-hero-copy .ui-actions > .ui-button { display: flex; flex-direction: column; gap: 7px; min-height: 66px; padding: 3px 4px; background: transparent; border: 0; border-radius: 10px; color: #213c50; font-size: 12px; font-weight: 550; line-height: 18px; }
  .ui-site.pv-home-page .ui-hero-copy .ui-button > span { display: none; }
  .ui-site.pv-home-page .ui-hero-copy .ui-button::before { content: ''; display: block; width: 25px; height: 25px; background: #1476a6; -webkit-mask: var(--mini-category) center/contain no-repeat; mask: var(--mini-category) center/contain no-repeat; }
  .ui-site.pv-home-page .ui-hero-copy .ui-button:nth-child(2)::before { -webkit-mask-image: var(--mini-apps); mask-image: var(--mini-apps); }
  .ui-site.pv-home-page .ui-hero-copy .ui-button:nth-child(3)::before { -webkit-mask-image: var(--mini-building-factory-2); mask-image: var(--mini-building-factory-2); }
  .ui-site.pv-home-page > .ui-section { padding: 0; margin-bottom: 14px; border: 0; border-radius: 16px; background: #fff; overflow: hidden; }
  .ui-site.pv-home-page > .ui-section > .ui-wrap { padding: 18px 16px; }
  .ui-site.pv-home-page .ui-heading { flex-direction: row; align-items: center; gap: 10px; margin-bottom: 16px; }
  .ui-site.pv-home-page .ui-heading > div { flex: 1; min-width: 0; }
  .ui-site.pv-home-page .ui-heading h2 { font-size: 17px; line-height: 1.5; letter-spacing: -.02em; }
  .ui-site.pv-home-page .ui-heading p { display: none; }
  .ui-site.pv-home-page .ui-heading > a { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; min-height: 44px; max-width: 80px; color: #637b8c; font-size: 11px; line-height: 1.5; }
  .ui-site.pv-home-page .cms-home-catalog .ui-grid.three { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px 8px; }
  .ui-site.pv-home-page .cms-home-catalog .ui-card { min-width: 0; border: 0; border-radius: 12px; background: transparent; box-shadow: none; overflow: visible; }
  .ui-site.pv-home-page .cms-home-catalog .ui-cover { height: 72px; min-height: 0; aspect-ratio: auto; border: 0; border-radius: 12px; background: #f4f7fb; }
  .ui-site.pv-home-page .cms-home-catalog .ui-cover > img { width: 100%; height: 100%; padding: 6px; object-fit: contain; background: transparent; }
  .ui-site.pv-home-page .cms-home-catalog .ui-card-body { padding: 9px 0 0; text-align: center; }
  .ui-site.pv-home-page .cms-home-catalog .ui-card-body h3 { margin: 0; font-size: 12px; line-height: 1.6; font-weight: 550; color: #20394d; }
  .ui-site.pv-home-page .cms-home-catalog .ui-card-body p,
  .ui-site.pv-home-page .cms-home-catalog .ui-card-meta,
  .ui-site.pv-home-page .cms-home-catalog .ui-image-caption,
  .ui-site.pv-home-page .cms-home-catalog .ui-more { display: none; }
  .ui-site.pv-home-page .cms-home-scenes .ui-scenes { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; scrollbar-width: thin; scrollbar-color: #d4dfe8 transparent; }
  .ui-site.pv-home-page .cms-home-scenes .ui-heading { display: block; margin-bottom: 10px; }
  .ui-site.pv-home-page .cms-home-scenes .ui-heading > a { justify-content: flex-start; max-width: none; min-height: 36px; }
  .ui-site.pv-home-page .cms-home-scenes .ui-scenes > figure { flex: 0 0 78%; min-width: 0; border: 1px solid #edf1f5; border-radius: 12px; scroll-snap-align: start; }
  .ui-site.pv-home-page .cms-home-scenes .scene-photo-button { aspect-ratio: 3/2; height: auto; }
  .ui-site.pv-home-page .cms-home-scenes .scene-photo-button > span { font-size: 10px; }
  .ui-site.pv-home-page .cms-home-scenes figcaption { padding: 12px; }
  .ui-site.pv-home-page .cms-home-scenes figcaption h3 { font-size: 14px; line-height: 1.5; }
  .ui-site.pv-home-page .cms-home-scenes figcaption p { margin-top: 4px; font-size: 12px; line-height: 1.6; }
  .ui-site.pv-home-page .pv-home-examples .ui-grid.two { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .ui-site.pv-home-page .pv-home-examples .ui-card { border-radius: 12px; }
  .ui-site.pv-home-page .pv-home-examples .ui-cover { aspect-ratio: 4/3; }
  .ui-site.pv-home-page .pv-home-examples .ui-card-body { padding: 12px; }
  .ui-site.pv-home-page .pv-home-examples .ui-card-body h3 { font-size: 14px; }
  .ui-site.pv-home-page .pv-home-examples .ui-card-body p { font-size: 12px; line-height: 1.7; }
  .ui-site.pv-home-page .pv-home-examples .ui-more { font-size: 12px; margin-top: 10px; }
  .ui-site.pv-home-page .cms-home-contact .ui-cta { display: block; border: 0; padding: 0; background: transparent; }
  .ui-site.pv-home-page .cms-home-contact h2 { color: #20394d; font-size: 18px; line-height: 1.55; }
  .ui-site.pv-home-page .cms-home-contact p { margin-top: 8px; font-size: 13px; line-height: 1.75; color: #617789; }
  .ui-site.pv-home-page .cms-home-contact .ui-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 16px; }
  .ui-site.pv-home-page .cms-home-contact .ui-button { min-height: 44px; padding: 9px 6px; gap: 4px; border-radius: 10px; font-size: 12px; }
  .ui-site.pv-home-page .cms-home-contact .ui-button.secondary { color: #245775; border-color: #cad8e4; background: #f5f8fb; }
  body:has(.pv-home-page) > footer { background: #f2f5f8; color: #60798d; padding: 0 16px 94px; }
  body:has(.pv-home-page) > footer > .cols { display: none; }
  body:has(.pv-home-page) > footer > .legal { margin: 0; padding: 10px 0 0; font-size: 10px; line-height: 1.8; text-align: center; color: #6b8091; }
  body > .mbar { grid-template-columns: repeat(4,minmax(0,1fr)); min-height: 62px; padding: 5px 4px calc(5px + env(safe-area-inset-bottom)); border-top: 1px solid #e7edf3; background: #fff; box-shadow: 0 -4px 18px #183c5510; }
  body > .mbar > a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-height: 52px; padding: 3px 2px; color: #728493; background: transparent; font-size: 10px; font-weight: 500; line-height: 16px; }
  body > .mbar > a::before { content: ''; display: block; width: 23px; height: 23px; background: currentColor; -webkit-mask: var(--mini-home) center/contain no-repeat; mask: var(--mini-home) center/contain no-repeat; }
  body > .mbar > a:nth-child(2)::before { -webkit-mask-image: var(--mini-category); mask-image: var(--mini-category); }
  body > .mbar > a:nth-child(3)::before { -webkit-mask-image: var(--mini-assembly); mask-image: var(--mini-assembly); }
  body > .mbar > a:nth-child(4)::before { -webkit-mask-image: var(--mini-phone); mask-image: var(--mini-phone); }
  body > .mbar > a.is-current { color: #1178a8; font-weight: 650; }
  body > .mbar > a.hot { background: transparent; color: #99500f; }
  body > .mbar > a.hot.is-current { color: #1178a8; }
  .ui-site.pv-home-page a:active { opacity: .72; }
  .ui-site.pv-home-page a:focus-visible { outline: 2px solid #1476a6; outline-offset: 3px; }
}
@media (max-width: 360px) {
  body:has(.pv-home-page) > header .bar { padding-inline: 12px; gap: 8px; }
  body:has(.pv-home-page) > header .logo,
  body:has(.pv-home-page) > header .logo img { width: 116px; }
  .ui-site.pv-home-page { padding-inline: 10px; }
  .ui-site.pv-home-page .ui-heading h2 { font-size: 16px; }
  .ui-site.pv-home-page .cms-home-catalog .ui-grid.three { column-gap: 6px; }
  .ui-site.pv-home-page .cms-home-catalog .ui-card-body h3 { font-size: 11px; }
  .ui-site.pv-home-page .ui-hero-copy .ui-actions > .ui-button { font-size: 11px; }
}
@media (max-width: 760px) {
  html:lang(en) .ui-site.pv-home-page .ui-hero-copy > h1 { max-width: 300px; font-size: 22px; }
  html:lang(en) .ui-site.pv-home-page .ui-hero-copy .ui-actions > .ui-button { font-size: 10px; }
  html:lang(en) .ui-site.pv-home-page .cms-home-catalog .ui-card-body h3 { font-size: 11px; line-height: 1.5; }
}
