/* NMX-MOBILE-01 — wspólny pierwszy ekran projektów Nexomi na telefonie. */
@media (max-width: 560px) {
  html.nmx-mobile-ready body { overflow-x: hidden; }
  html.nmx-mobile-ready *,html.nmx-mobile-ready *::before,html.nmx-mobile-ready *::after { box-sizing: border-box; }
  html.nmx-mobile-ready main img { max-width: 100%; height: auto; }
  html.nmx-mobile-ready .site-header,
  html.nmx-mobile-ready .topbar,
  html.nmx-mobile-ready .shop-header {
    position: relative !important;
    inset: auto !important;
    z-index: 100 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    gap: 4px 8px !important;
    width: 100% !important;
    min-height: 52px !important;
    height: auto !important;
    padding: 5px 9px !important;
    border-bottom: 1px solid #d5e5e0 !important;
    background: #edf6f3 !important;
    box-shadow: none !important;
  }
  html.nmx-mobile-ready .site-header .brand,
  html.nmx-mobile-ready .topbar .brand,
  html.nmx-mobile-ready .shop-header .shop-brand {
    min-width: 0 !important;
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1.05 !important;
  }
  html.nmx-mobile-ready .site-header .brand:has(strong) > span,
  html.nmx-mobile-ready .site-header .brand small,
  html.nmx-mobile-ready .topbar .brand span:not(.brand-mark) { display: none !important; }
  html.nmx-mobile-ready .nmx-mobile-menu-toggle {
    display: inline-flex;
    grid-column: 3;
    grid-row: 1;
    align-items: center;
    justify-content: center;
    min-width: 52px;
    min-height: 40px;
    padding: 0 9px;
    border: 1px solid #b9cac6;
    border-radius: 8px;
    background: rgba(255,255,255,.78);
    color: #173241;
    font: 800 11px/1 Arial,Helvetica,sans-serif;
  }
  html.nmx-mobile-ready .site-header > .language-switch {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    margin: 0 !important;
  }
  html.nmx-mobile-ready .site-header > .language-switch a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 30px !important;
    min-height: 40px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #29404d !important;
    font-size: 10px !important;
  }
  html.nmx-mobile-ready .site-header > .language-switch a[aria-current="page"],
  html.nmx-mobile-ready .site-header > .language-switch a.is-active { color: #086b5c !important; box-shadow: inset 0 -2px #12806c !important; }
  html.nmx-mobile-ready .site-header > nav,
  html.nmx-mobile-ready .topbar > nav,
  html.nmx-mobile-ready .shop-header > nav {
    display: none !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 0 14px !important;
    width: 100% !important;
    margin: 1px 0 0 !important;
    padding: 4px 6px 6px !important;
    border: 0 !important;
    border-top: 1px solid #cadcd7 !important;
    background: rgba(248,252,250,.98) !important;
    box-shadow: none !important;
    overflow: visible !important;
  }
  html.nmx-mobile-ready .site-header.nmx-menu-open > nav,
  html.nmx-mobile-ready .topbar.nmx-menu-open > nav,
  html.nmx-mobile-ready .shop-header.nmx-menu-open > nav { display: grid !important; }
  html.nmx-mobile-ready .site-header > nav a,
  html.nmx-mobile-ready .topbar > nav a,
  html.nmx-mobile-ready .shop-header > nav a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 40px !important;
    padding: 4px 2px !important;
    border: 0 !important;
    border-bottom: 1px solid #e0e9e6 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #1d3340 !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    text-align: left !important;
  }
  html.nmx-mobile-ready .site-header > .header-action,
  html.nmx-mobile-ready .shop-header > .shop-actions { display: none !important; }
  html.nmx-mobile-ready .site-header.nmx-menu-open > .header-action,
  html.nmx-mobile-ready .shop-header.nmx-menu-open > .shop-actions {
    display: flex !important;
    grid-column: 1 / -1 !important;
    justify-content: center !important;
    min-height: 40px !important;
    margin: 0 !important;
  }
  html.nmx-mobile-ready .hero,
  html.nmx-mobile-ready .shop-hero,
  html.nmx-mobile-ready .hero-slider {
    min-height: calc(100svh - 52px) !important;
    height: auto !important;
    padding: 0 !important;
    align-items: end !important;
  }
  html.nmx-mobile-ready .hero-slider > .hero-slide.is-active { min-height: calc(100svh - 52px) !important; }
  html.nmx-mobile-ready .hero-copy,
  html.nmx-mobile-ready .shop-hero-copy {
    position: relative !important;
    z-index: 5 !important;
    align-self: end !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 60px 15px 18px !important;
    border: 0 !important;
    background: linear-gradient(0deg,rgba(10,24,34,.82),rgba(10,24,34,.5) 60%,transparent) !important;
    box-shadow: none !important;
    color: #fff !important;
  }
  html.nmx-mobile-ready .hero-copy h1,
  html.nmx-mobile-ready .hero-copy h2,
  html.nmx-mobile-ready .shop-hero-copy h1 {
    max-width: 350px !important;
    margin: 5px 0 10px !important;
    color: #fff !important;
    font-size: clamp(28px,8vw,34px) !important;
    line-height: 1.02 !important;
  }
  html.nmx-mobile-ready .hero-title-line { display: inline !important; white-space: normal !important; }
  html.nmx-mobile-ready .hero-copy .hero-lead,
  html.nmx-mobile-ready .hero-copy > .lead,
  html.nmx-mobile-ready .shop-hero-copy > p:not(.overline),
  html.nmx-mobile-ready .hero-copy .trust-row { display: none !important; }
  html.nmx-mobile-ready .hero-card,
  html.nmx-mobile-ready .hero-panel { display: none !important; }
  html.nmx-mobile-ready .hero-actions { margin-top: 8px !important; }
  html.nmx-mobile-ready .hero-actions > :not(:first-child) { display: none !important; }
  html.nmx-mobile-ready .hero-actions > :first-child,
  html.nmx-mobile-ready .shop-hero-copy .shop-button {
    min-height: 40px !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
  }
}