/* Наш погребок — v34 safe routing + visual correction for mobile information pages.
   IMPORTANT: this file is loaded by page.html only with media="(max-width:760px)".
   Desktop styles/content are not modified. */
.np-mobile-info-shell,.np-mobile-info-page{display:none!important}

@media(max-width:760px){
  html.np-info-mobile-page .np-mobile-header-v5,
  html.np-info-mobile-page .vv-header,
  html.np-info-mobile-page .breadcrumbs{display:none!important}
  .np-desktop-info-page{display:none!important}
  .np-mobile-info-shell{display:block!important;margin:0!important;padding:0!important;background:#fffdf9!important;color:#172018!important}
  .np-mobile-info-page{display:block!important;max-width:620px!important;margin:0 auto!important;padding:14px 14px 34px!important}
  .np-mobile-info-shell *{box-sizing:border-box}

  /* approved mobile-like header, rendered inside info pages only */
  .np-mobile-info-topbar{position:relative!important;z-index:90!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;min-height:74px!important;padding:11px 14px!important;background:#fff!important;border-bottom:1px solid #edf0eb!important}
  .np-mobile-info-brand{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;text-decoration:none!important}
  .np-mobile-info-brand img{width:42px!important;height:42px!important;flex:0 0 42px!important}
  .np-mobile-info-brand span{display:block!important;min-width:0!important}
  .np-mobile-info-brand strong{display:block!important;color:#171d16!important;font-size:18px!important;line-height:1.05!important;font-weight:900!important;letter-spacing:-.45px!important;white-space:nowrap!important}
  .np-mobile-info-brand small{display:block!important;margin-top:3px!important;color:#777d75!important;font-size:9.5px!important;line-height:1.1!important;white-space:nowrap!important}
  .np-mobile-info-actions{display:flex!important;align-items:center!important;gap:8px!important}
  .np-mobile-info-actions details{position:relative!important;margin:0!important}
  .np-mobile-info-actions summary{list-style:none!important;-webkit-tap-highlight-color:transparent!important;cursor:pointer!important}
  .np-mobile-info-actions summary::-webkit-details-marker{display:none!important}
  .np-mobile-info-search>summary{width:45px!important;height:45px!important;display:grid!important;place-items:center!important;border:1px solid #e2e7df!important;border-radius:13px!important;background:#fff!important;color:#5d655e!important;box-shadow:0 3px 10px rgba(31,60,27,.05)!important}
  .np-mobile-info-catalog>summary{height:45px!important;min-width:112px!important;padding:0 13px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;border-radius:13px!important;background:linear-gradient(180deg,#31ae43,#109331)!important;color:#fff!important;font-size:13.5px!important;font-weight:850!important;box-shadow:0 7px 16px rgba(21,145,48,.16)!important}
  .np-mobile-info-burger{width:19px!important;height:15px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}
  .np-mobile-info-burger i{height:2px!important;width:19px!important;border-radius:3px!important;background:#fff!important}
  .np-mobile-info-search-panel,.np-mobile-info-menu{position:absolute!important;right:0!important;top:54px!important;background:#fff!important;border:1px solid #dde5da!important;border-radius:15px!important;box-shadow:0 18px 38px rgba(25,52,22,.18)!important;z-index:400!important}
  .np-mobile-info-search-panel{width:min(340px,calc(100vw - 28px))!important;padding:8px!important}
  .np-mobile-info-search-panel form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important}
  .np-mobile-info-search-panel input{min-width:0!important;height:42px!important;padding:0 11px!important;border:1px solid #e2e7df!important;border-radius:11px!important;background:#f8faf7!important;font-size:16px!important}
  .np-mobile-info-search-panel button{height:42px!important;padding:0 14px!important;border:0!important;border-radius:10px!important;background:#159735!important;color:#fff!important;font-size:13px!important;font-weight:800!important}
  .np-mobile-info-menu{width:min(310px,calc(100vw - 28px))!important;max-height:66vh!important;overflow:auto!important;padding:9px!important}
  .np-mobile-info-menu-title{display:block!important;padding:7px 9px!important;color:#6e786f!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.55px!important}
  .np-mobile-info-menu-title--catalog{margin-top:7px!important;padding-top:12px!important;border-top:1px solid #edf0eb!important}
  .np-mobile-info-menu a{display:block!important;min-height:42px!important;padding:11px 10px!important;border-radius:10px!important;color:#202820!important;text-decoration:none!important;font-size:13px!important;font-weight:700!important}
  .np-mobile-info-menu a:active{background:#eef8ec!important;color:#168b32!important}

  .np-mobile-info-breadcrumb{display:flex!important;align-items:center!important;gap:8px!important;margin:3px 0 12px!important;color:#7b847d!important;font-size:11px!important;line-height:1.2!important}
  .np-mobile-info-breadcrumb a{color:#667168!important;text-decoration:none!important}
  .np-mobile-info-breadcrumb b{color:#7c8580!important;font-weight:600!important}
  .np-mobile-info-hero{margin:0 0 14px!important}
  .np-mobile-info-hero h1{margin:0 0 6px!important;color:#111813!important;font-size:31px!important;line-height:1.03!important;letter-spacing:-1px!important;font-weight:950!important}
  .np-mobile-info-hero p{margin:0!important;max-width:520px!important;color:#657067!important;font-size:13.5px!important;line-height:1.4!important}

  /* HOW IT WORKS — closer to the approved mockup */
  .np-mobile-step-list{display:grid!important;gap:9px!important}
  .np-mobile-step-card{position:relative!important;min-height:142px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 116px!important;align-items:center!important;gap:8px!important;padding:14px 10px 14px 54px!important;border:1px solid #e7ebe5!important;border-radius:18px!important;background:#fff!important;box-shadow:0 5px 18px rgba(43,65,37,.045)!important;overflow:visible!important}
  .np-mobile-step-number{position:absolute!important;left:12px!important;top:18px!important;width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#31b548!important;color:#fff!important;font-size:14px!important;font-weight:900!important;box-shadow:0 5px 13px rgba(26,154,52,.18)!important}
  .np-mobile-step-copy{min-width:0!important;align-self:center!important}
  .np-mobile-step-copy h2{margin:0 0 6px!important;color:#1a221b!important;font-size:15px!important;line-height:1.15!important;font-weight:900!important;letter-spacing:-.2px!important}
  .np-mobile-step-copy p{margin:0!important;color:#69736b!important;font-size:11px!important;line-height:1.42!important}
  .np-mobile-step-card>img{display:block!important;width:112px!important;height:105px!important;object-fit:contain!important;justify-self:end!important;align-self:center!important}
  .np-mobile-info-bottom-note{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;margin:12px 0 0!important;padding:11px 12px!important;border:1px solid #dbeed7!important;border-radius:16px!important;background:linear-gradient(90deg,#ecf9e9,#f7fcf5)!important}
  .np-mobile-info-bottom-note>span{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:13px!important;background:#2aad44!important;color:#fff!important;font-size:20px!important;font-weight:900!important}
  .np-mobile-info-bottom-note div{display:flex!important;flex-direction:column!important;gap:2px!important}
  .np-mobile-info-bottom-note strong{color:#1e2a20!important;font-size:11px!important;line-height:1.2!important;font-weight:850!important}
  .np-mobile-info-bottom-note small{color:#677269!important;font-size:9.5px!important;line-height:1.2!important}
  .np-mobile-info-cta{display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;min-height:50px!important;margin-top:12px!important;padding:0 17px!important;border-radius:14px!important;background:linear-gradient(180deg,#32b446,#159535)!important;color:#fff!important;text-decoration:none!important;font-size:14px!important;font-weight:850!important;box-shadow:0 8px 18px rgba(24,145,48,.15)!important}
  .np-mobile-info-cta b{font-size:20px!important}

  /* DELIVERY */
  .np-mobile-feature-card{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;margin:0 0 9px!important;padding:13px!important;border-radius:18px!important}
  .np-mobile-feature-card--green{background:linear-gradient(135deg,#eaf8e7,#f7fcf5)!important;border:1px solid #dcefd8!important}
  .np-mobile-feature-card--warm{background:linear-gradient(135deg,#fff1d1,#fff9ec)!important;border:1px solid #f5e3b5!important}
  .np-mobile-feature-card>img{display:block!important;width:84px!important;height:84px!important;object-fit:contain!important}
  .np-mobile-feature-card h2{margin:0 0 5px!important;color:#172018!important;font-size:18px!important;font-weight:900!important}
  .np-mobile-feature-card p{margin:0!important;color:#5f6961!important;font-size:11px!important;line-height:1.4!important}
  .np-mobile-mini-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:0 0 12px!important}
  .np-mobile-mini-grid>div{min-width:0!important;min-height:112px!important;padding:10px 5px!important;border:1px solid #e7eae5!important;border-radius:14px!important;background:#fff!important;text-align:center!important}
  .np-mobile-mini-grid span{width:34px!important;height:34px!important;margin:0 auto 7px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:#e9f7e8!important;color:#14953a!important;font-size:17px!important;font-weight:900!important}
  .np-mobile-mini-grid strong{display:block!important;margin-bottom:4px!important;color:#263027!important;font-size:9.5px!important;line-height:1.18!important;font-weight:900!important}
  .np-mobile-mini-grid small{display:block!important;color:#7b857d!important;font-size:7.8px!important;line-height:1.25!important}
  .np-mobile-mini-grid--payment span{background:#fff1d9!important;color:#c37a00!important}
  .np-mobile-section-head{margin:16px 1px 8px!important}
  .np-mobile-section-head h2{margin:0!important;color:#172018!important;font-size:21px!important;line-height:1.1!important;font-weight:950!important;letter-spacing:-.45px!important}
  .np-mobile-faq{display:grid!important;gap:7px!important}
  .np-mobile-faq details{overflow:hidden!important;border:1px solid #e5e8e4!important;border-radius:14px!important;background:#fff!important}
  .np-mobile-faq summary{position:relative!important;list-style:none!important;min-height:46px!important;padding:13px 39px 12px 13px!important;color:#253026!important;font-size:11px!important;font-weight:800!important;cursor:pointer!important}
  .np-mobile-faq summary::-webkit-details-marker{display:none!important}
  .np-mobile-faq summary:after{content:'⌄'!important;position:absolute!important;right:13px!important;top:50%!important;transform:translateY(-50%)!important;color:#68736b!important;font-size:17px!important}
  .np-mobile-faq details[open] summary:after{content:'⌃'!important}
  .np-mobile-faq details p{margin:0!important;padding:0 13px 13px!important;color:#69736b!important;font-size:10.5px!important;line-height:1.4!important}

  /* ABOUT */
  .np-mobile-about-hero{display:grid!important;grid-template-columns:minmax(0,1fr) 126px!important;align-items:center!important;gap:8px!important;margin:0 0 15px!important;padding:15px!important;border:1px solid #dcebd9!important;border-radius:19px!important;background:linear-gradient(135deg,#eef8ec,#fbfdf9)!important}
  .np-mobile-about-hero img{width:122px!important;height:116px!important;object-fit:contain!important}
  .np-mobile-info-kicker{display:inline-flex!important;padding:5px 8px!important;margin-bottom:8px!important;border-radius:999px!important;background:#dff3dc!important;color:#1d8836!important;font-size:9px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.45px!important}
  .np-mobile-about-hero h2{margin:0 0 6px!important;color:#172018!important;font-size:17px!important;line-height:1.15!important;font-weight:900!important}
  .np-mobile-about-hero p{margin:0!important;color:#606b62!important;font-size:10.5px!important;line-height:1.4!important}
  .np-mobile-values{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:14px!important}
  .np-mobile-values article{min-width:0!important;padding:12px 10px!important;border:1px solid #e5e9e3!important;border-radius:15px!important;background:#fff!important}
  .np-mobile-values article>span{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;margin-bottom:8px!important;border-radius:11px!important;background:#e8f7e6!important;color:#15963a!important;font-size:17px!important;font-weight:900!important}
  .np-mobile-values h3{margin:0 0 4px!important;color:#263027!important;font-size:11px!important;line-height:1.18!important;font-weight:900!important}
  .np-mobile-values p{margin:0!important;color:#78817a!important;font-size:9px!important;line-height:1.35!important}
  .np-mobile-about-process{margin:0 0 12px!important;padding:13px 14px!important;border:1px solid #ebe6da!important;border-radius:18px!important;background:#f8f5ef!important}
  .np-mobile-about-process h2{margin:0 0 9px!important;color:#172018!important;font-size:18px!important;font-weight:900!important}
  .np-mobile-about-process>div{display:grid!important;grid-template-columns:29px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;padding:8px 0!important;border-top:1px solid #eae6dd!important}
  .np-mobile-about-process>div:first-of-type{border-top:0!important}
  .np-mobile-about-process b{width:29px!important;height:29px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#fff!important;color:#218e39!important;font-size:11px!important;box-shadow:0 2px 8px rgba(34,62,29,.06)!important}
  .np-mobile-about-process p{margin:0!important;color:#59635b!important;font-size:10.5px!important;line-height:1.35!important}
}

@media(max-width:390px){
  .np-mobile-info-topbar{padding-left:10px!important;padding-right:10px!important;gap:7px!important}
  .np-mobile-info-brand{gap:7px!important}
  .np-mobile-info-brand img{width:38px!important;height:38px!important;flex-basis:38px!important}
  .np-mobile-info-brand strong{font-size:16px!important}
  .np-mobile-info-brand small{font-size:8.5px!important}
  .np-mobile-info-search>summary{width:41px!important;height:41px!important}
  .np-mobile-info-catalog>summary{height:41px!important;min-width:101px!important;padding:0 10px!important;font-size:12px!important}
  .np-mobile-info-page{padding-left:10px!important;padding-right:10px!important}
  .np-mobile-info-hero h1{font-size:28px!important}
  .np-mobile-step-card{grid-template-columns:minmax(0,1fr) 96px!important;padding-left:49px!important;min-height:132px!important}
  .np-mobile-step-card>img{width:94px!important;height:92px!important}
  .np-mobile-step-copy h2{font-size:14px!important}
  .np-mobile-step-copy p{font-size:10.5px!important}
  .np-mobile-feature-card{grid-template-columns:80px minmax(0,1fr)!important}
  .np-mobile-feature-card>img{width:74px!important;height:74px!important}
  .np-mobile-about-hero{grid-template-columns:minmax(0,1fr) 104px!important}
  .np-mobile-about-hero img{width:100px!important;height:102px!important}
}