/* RZNPAN MOBILE FINAL — desktop styles intentionally unchanged.
   Base: installed PATCH_12 of 2026-10-20.  Mobile only <=980px.
   Applied to the shared PHP header AND the dynamically loaded HTML shell. */
@media screen and (max-width:980px) {
  /* One compact mobile header: logo, tap-to-call and hamburger only. */
  body header.rzp-header .rzp-header-top.rzp-wrap,
  body #rzp-page header.rzp-header .rzp-header-top.rzp-wrap {
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
    box-sizing:border-box!important;
    width:100%!important;
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
    padding:0 16px!important;
    overflow:visible!important;
  }
  body header.rzp-header .rzp-brand,
  body #rzp-page header.rzp-header .rzp-brand {
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:calc(100% - 106px)!important;
    width:auto!important;
    margin:0!important;
  }
  body header.rzp-header .rzp-logo-frame,
  body #rzp-page header.rzp-header .rzp-logo-frame {
    width:min(236px,100%)!important;
    max-width:100%!important;
    height:61px!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  body header.rzp-header .rzp-logo-frame img,
  body #rzp-page header.rzp-header .rzp-logo-frame img {
    display:block!important;
    position:static!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  body header.rzp-header .rzp-brand-note,
  body header.rzp-header .rzp-header-contacts,
  body header.rzp-header .rzp-header-actions,
  body #rzp-page header.rzp-header .rzp-brand-note,
  body #rzp-page header.rzp-header .rzp-header-contacts,
  body #rzp-page header.rzp-header .rzp-header-actions {
    display:none!important;
  }
  body header.rzp-header a.rzp-mobile-call,
  body #rzp-page header.rzp-header a.rzp-mobile-call {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 42px!important;
    order:2!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    margin:0 0 0 auto!important;
    border:1px solid #c9dfd3!important;
    border-radius:11px!important;
    background:#e6f2ec!important;
    color:#193B2B!important;
    box-shadow:none!important;
    text-decoration:none!important;
    -webkit-tap-highlight-color:transparent;
  }
  body header.rzp-header a.rzp-mobile-call svg,
  body #rzp-page header.rzp-header a.rzp-mobile-call svg {
    display:block!important;width:22px!important;height:22px!important;flex:0 0 22px!important;
  }
  body header.rzp-header button#rzp-menu-toggle,
  body #rzp-page header.rzp-header button#rzp-menu-toggle {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 42px!important;
    order:3!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
    border-radius:10px!important;
    color:#193B2B!important;
    box-sizing:border-box!important;
  }
  /* Do not inherit any desktop fixed-nav positioning or placeholder gap. */
  body header.rzp-header #rzp-navigation.rzp-nav-shell,
  body #rzp-page header.rzp-header #rzp-navigation.rzp-nav-shell {
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    background:#f1f4ed!important;
    overflow-x:hidden!important;
    box-shadow:none!important;
  }
  body header.rzp-header #rzp-navigation.rzp-nav-shell:not(.is-open),
  body #rzp-page header.rzp-header #rzp-navigation.rzp-nav-shell:not(.is-open) {
    display:none!important;
  }
  body header.rzp-header #rzp-navigation.rzp-nav-shell.is-open,
  body #rzp-page header.rzp-header #rzp-navigation.rzp-nav-shell.is-open {
    display:block!important;
    max-height:calc(100dvh - 76px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
  }
  body .rzp-nav-placeholder,
  body .rzp-unified-nav-ph,
  body #rzp-page .rzp-nav-placeholder,
  body #rzp-page .rzp-unified-nav-ph {display:none!important;height:0!important;}
  body header.rzp-header #rzp-navigation nav.rzp-nav,
  body #rzp-page header.rzp-header #rzp-navigation nav.rzp-nav {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:6px!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:12px 16px 20px!important;
    box-sizing:border-box!important;
  }
  body header.rzp-header #rzp-navigation nav.rzp-nav > a,
  body header.rzp-header #rzp-navigation nav.rzp-nav > details,
  body #rzp-page header.rzp-header #rzp-navigation nav.rzp-nav > a,
  body #rzp-page header.rzp-header #rzp-navigation nav.rzp-nav > details {
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body header.rzp-header #rzp-navigation nav.rzp-nav > a,
  body header.rzp-header #rzp-navigation nav.rzp-nav > details > summary,
  body #rzp-page header.rzp-header #rzp-navigation nav.rzp-nav > a,
  body #rzp-page header.rzp-header #rzp-navigation nav.rzp-nav > details > summary {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    height:auto!important;
    margin:0!important;
    padding:12px 15px!important;
    box-sizing:border-box!important;
    border:1px solid #d3e1d8!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#193B2B!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.35!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    box-shadow:none!important;
    text-decoration:none!important;
  }
  body header.rzp-header #rzp-navigation nav.rzp-nav > details.rzp-navdrop-current > summary,
  body #rzp-page header.rzp-header #rzp-navigation nav.rzp-nav > details.rzp-navdrop-current > summary {
    background:#193B2B!important;
    color:#fff!important;
    border-color:#193B2B!important;
  }
  body header.rzp-header #rzp-navigation nav.rzp-nav > details > summary > svg.rzp-icon,
  body #rzp-page header.rzp-header #rzp-navigation nav.rzp-nav > details > summary > svg.rzp-icon {
    display:block!important;
    width:18px!important;
    min-width:18px!important;
    height:18px!important;
    margin-left:auto!important;
    flex:0 0 18px!important;
    pointer-events:none;
  }
  body header.rzp-header #rzp-navigation nav.rzp-nav > details > summary > a.rzp-catalog-link,
  body #rzp-page header.rzp-header #rzp-navigation nav.rzp-nav > details > summary > a.rzp-catalog-link {
    display:flex!important;
    align-items:center!important;
    flex:1 1 auto!important;
    min-width:0!important;
    height:100%!important;
    padding:0!important;
    white-space:normal!important;
    color:inherit!important;
    text-decoration:none!important;
  }
  /* Reuse the eight approved desktop icon shapes on phones. The old global.css
     intentionally exposed these masks only at >=981px; no redraws. */
  body header.rzp-header #rzp-navigation nav.rzp-nav > a::before,
  body header.rzp-header #rzp-navigation nav.rzp-nav > details > summary::before,
  body #rzp-page header.rzp-header #rzp-navigation nav.rzp-nav > a::before,
  body #rzp-page header.rzp-header #rzp-navigation nav.rzp-nav > details > summary::before {
    content:""!important;
    display:block!important;
    flex:0 0 22px!important;
    width:22px!important;
    height:22px!important;
    margin-right:2px!important;
    background-color:currentColor!important;
    -webkit-mask:var(--rzp-menu-icon) center/contain no-repeat!important;
    mask:var(--rzp-menu-icon) center/contain no-repeat!important;
  }
  body #rzp-page header.rzp-header #rzp-navigation nav.rzp-nav >details:nth-child(1)>summary{--rzp-menu-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3.5' y='3.5' width='6.5' height='6.5' rx='1.1' fill='none' stroke='black' stroke-width='1.8'/%3E%3Crect x='14' y='3.5' width='6.5' height='6.5' rx='1.1' fill='none' stroke='black' stroke-width='1.8'/%3E%3Crect x='3.5' y='14' width='6.5' height='6.5' rx='1.1' fill='none' stroke='black' stroke-width='1.8'/%3E%3Crect x='14' y='14' width='6.5' height='6.5' rx='1.1' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E")}

  body #rzp-page header.rzp-header #rzp-navigation nav.rzp-nav >details:nth-child(2)>summary{--rzp-menu-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 21h18M5 21V8.5l5-3.5v16M10 21V3.5h5.5V21M15.5 21V9.5H20V21' fill='none' stroke='black' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.3 10.5v1.7M7.3 14.2v1.7M12.7 6.5v1.6M12.7 10.2v1.6M12.7 13.9v1.6M17.8 12.3v1.6M17.8 16v1.6' fill='none' stroke='black' stroke-width='1.65' stroke-linecap='round'/%3E%3C/svg%3E")}

  body #rzp-page header.rzp-header #rzp-navigation nav.rzp-nav >a:nth-child(3){--rzp-menu-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='2.5' width='14' height='19' rx='2' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M8 6h8v3H8z' fill='none' stroke='black' stroke-width='1.7'/%3E%3Ccircle cx='9' cy='12.5' r='.8' fill='black'/%3E%3Ccircle cx='12' cy='12.5' r='.8' fill='black'/%3E%3Ccircle cx='15' cy='12.5' r='.8' fill='black'/%3E%3Ccircle cx='9' cy='16' r='.8' fill='black'/%3E%3Ccircle cx='12' cy='16' r='.8' fill='black'/%3E%3Ccircle cx='15' cy='16' r='.8' fill='black'/%3E%3Ccircle cx='9' cy='19' r='.8' fill='black'/%3E%3Ccircle cx='12' cy='19' r='.8' fill='black'/%3E%3Ccircle cx='15' cy='19' r='.8' fill='black'/%3E%3C/svg%3E")}

  body #rzp-page header.rzp-header #rzp-navigation nav.rzp-nav >details:nth-child(4)>summary{--rzp-menu-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 8h4l1.4-2h5.2L16 8h4v11H4z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='13.5' r='3.4' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E")}

  body #rzp-page header.rzp-header #rzp-navigation nav.rzp-nav >a:nth-child(5){--rzp-menu-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 2.8h9l4 4v8.3M14 2.8v4.5h4M8 10h6M8 13.5h4.5M5 2.8v18.4h8' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='17.2' cy='17.2' r='4.1' fill='none' stroke='black' stroke-width='1.75'/%3E%3Cpath d='m15.3 17.2 1.25 1.25 2.55-2.7' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}

  body #rzp-page header.rzp-header #rzp-navigation nav.rzp-nav >details:nth-child(6)>summary{--rzp-menu-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 26 27'%3E%3Cpath d='M9.2 2.5h5.6l.7 2.6 2.3 1.3 2.5-.8 2.8 4.8-1.9 1.8v2.6l1.9 1.8-2.8 4.8-2.5-.8-2.3 1.3-.7 2.6H9.2l-.7-2.6-2.3-1.3-2.5.8-2.8-4.8 1.9-1.8v-2.6L.9 10.4l2.8-4.8 2.5.8 2.3-1.3.7-2.6Z' fill='none' stroke='black' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='13.5' r='3.7' fill='none' stroke='black' stroke-width='1.65'/%3E%3C/svg%3E")}

  body #rzp-page header.rzp-header #rzp-navigation nav.rzp-nav >a:nth-child(7){--rzp-menu-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.5 2.8h9l4 4v14.4h-13zM14.5 2.8v4.5H19M8.5 10.5h7M8.5 14h7M8.5 17.5h5' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}

  body #rzp-page header.rzp-header #rzp-navigation nav.rzp-nav >a:nth-child(8){--rzp-menu-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 10c0 5.2-8 11-8 11S4 15.2 4 10a8 8 0 1 1 16 0Z' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='10' r='2.7' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E")}

  /* Large, readable submenu options; not stuck to the left edge. */
  body header.rzp-header #rzp-navigation nav.rzp-nav .rzp-navdrop-panel,
  body #rzp-page header.rzp-header #rzp-navigation nav.rzp-nav .rzp-navdrop-panel {
    position:static!important;
    inset:auto!important;
    display:none;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin:3px 0 3px!important;
    padding:6px 8px 8px 14px!important;
    border:0!important;
    border-radius:8px!important;
    background:#f1f4ed!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body header.rzp-header #rzp-navigation nav.rzp-nav details.rzp-navdrop[open] > .rzp-navdrop-panel,
  body #rzp-page header.rzp-header #rzp-navigation nav.rzp-nav details.rzp-navdrop[open] > .rzp-navdrop-panel {
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  body header.rzp-header #rzp-navigation nav.rzp-nav .rzp-navdrop-panel > a,
  body #rzp-page header.rzp-header #rzp-navigation nav.rzp-nav .rzp-navdrop-panel > a {
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    box-sizing:border-box!important;
    padding:11px 16px!important;
    margin:1px 0!important;
    font-size:14px!important;
    line-height:1.4!important;
    color:#193B2B!important;
    font-weight:500!important;
    text-align:left!important;
    text-decoration:none!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    border-radius:8px!important;
  }
  body header.rzp-header #rzp-navigation nav.rzp-nav .rzp-navdrop-panel > a:is(:hover,:focus-visible),
  body #rzp-page header.rzp-header #rzp-navigation nav.rzp-nav .rzp-navdrop-panel > a:is(:hover,:focus-visible) {
    background:#e6f2ec!important;
    border-radius:8px!important;
    box-shadow:none!important;
  }
  body header.rzp-header #rzp-navigation nav.rzp-nav .rzp-mobile-contacts,
  body #rzp-page header.rzp-header #rzp-navigation nav.rzp-nav .rzp-mobile-contacts {
    display:none!important;
  }
  body header.rzp-header .rzp-sticky-home,
  body #rzp-page header.rzp-header .rzp-sticky-home {display:none!important;}
  /* Home: leave the interactive map, hide only the overlapping contact card. */
  body #rzp-page .rh-contacts-map-section .rh-map-card {
    display:none!important;
  }
  body #rzp-page .rh-contacts-map-section .rh-map-shell {
    min-height:290px!important;
    height:auto!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body #rzp-page .rh-contacts-map-section .rh-map-crop,
  body #rzp-page .rh-contacts-map-section iframe.rh-map-frame {
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}
@media screen and (max-width:380px) {
  body header.rzp-header .rzp-header-top.rzp-wrap,
  body #rzp-page header.rzp-header .rzp-header-top.rzp-wrap {
    gap:7px!important;
    padding:0 10px!important;
  }
  body header.rzp-header #rzp-navigation nav.rzp-nav,
  body #rzp-page header.rzp-header #rzp-navigation nav.rzp-nav {
    padding-left:10px!important;
    padding-right:10px!important;
  }
  body header.rzp-header .rzp-logo-frame,
  body #rzp-page header.rzp-header .rzp-logo-frame {height:54px!important;}
}
@media (prefers-reduced-motion: reduce) and (max-width:980px) {
  body header.rzp-header .rzp-navdrop-panel {scroll-behavior:auto!important;}
}


/* PATCH MOBILE CATALOG HERO METRICS: 2026-10-20 */
/* Scoped to the three benefits under the Catalog hero. Both /catalog/ and
   /trekhsloynye-sendvich-paneli/ use this section. Desktop unchanged. */
@media screen and (max-width:650px) {
  body #rzp-page .rzcat-hero .rzcat-metrics {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
    width:100%!important;
    max-width:100%!important;
  }
  body #rzp-page .rzcat-hero .rzcat-metrics > div {
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    align-items:start!important;
    column-gap:14px!important;
    min-width:0!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
  }
  body #rzp-page .rzcat-hero .rzcat-metric-icon {
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    flex:none!important;
  }
  body #rzp-page .rzcat-hero .rzcat-metrics p {
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-wrap:break-word!important;
  }
}