/* PEPTIDES [В-77]: European mobile navigation. */
.ppDrawer{display:none}
@media(max-width:767px){
 #ppMobileDrawer[open]{display:block}
 #ppMobileDrawer{position:fixed;inset:0 auto 0 0;margin:0;padding:0;width:min(344px,calc(100vw - 44px));height:100%;height:100dvh;max-width:none;max-height:none;border:0;background:#fff;color:#262b2c;box-shadow:12px 0 40px #12262b30;font:14px/1.35 Manrope,sans-serif;overflow:hidden;transform:translateX(-100%);transition:transform 280ms cubic-bezier(.16,1,.3,1);box-sizing:border-box}
 #ppMobileDrawer.ppDrawerVisible{transform:translateX(0)}
 #ppMobileDrawer::backdrop{background:#15222688}
 #ppMobileDrawer *{box-sizing:border-box}
 #ppMobileDrawer a{color:inherit;text-decoration:none}
 #ppMobileDrawer a:hover{color:#147477}
 #ppMobileDrawer svg{width:20px;height:20px;flex-shrink:0;color:#607476}
 #ppMobileDrawer :focus-visible{outline:2px solid #147477;outline-offset:3px;border-radius:4px}
 #ppMobileDrawer ::selection{background:#cdf2ef;color:#164d50}
 .ppDrawerPanel{height:100%;display:flex;flex-direction:column}
 .ppDrawerHeader{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 10px 22px;min-height:76px;border-bottom:1px solid #edf0f0;flex-shrink:0}
 .ppDrawerLogo{display:flex;align-items:center;width:128px;height:48px}
 #ppMobileDrawer .ppDrawerLogo img{display:block;width:128px;height:auto;max-height:none;object-fit:contain}
 #ppMobileDrawer button{font:inherit;cursor:pointer}
 .ppDrawerClose{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:0;border-radius:50%;padding:12px}
 .ppDrawerClose:hover{background:#eef7f6}
 .ppDrawerBody{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 16px 18px;scrollbar-width:thin;scrollbar-color:#a9c7c6 #fff;scroll-padding:16px}
 #ppMobileDrawer summary{display:flex;align-items:center;list-style:none;cursor:pointer}
 #ppMobileDrawer summary::-webkit-details-marker{display:none}
 #ppMobileDrawer summary>span{flex:1;min-width:0}
 #ppMobileDrawer .ppDrawerCatalog>summary{gap:12px;padding:14px 16px;min-height:52px;border-radius:26px;background:#27bfc1;color:#fff;font-size:15px;font-weight:600}
 #ppMobileDrawer .ppDrawerCatalog>summary svg{color:#fff}
 .ppDrawerCatalog>summary>svg:last-child{width:16px;transition:transform 180ms}
 .ppDrawerCatalog[open]>summary>svg:last-child{transform:rotate(180deg)}
 #ppDrawerCategories{padding:6px 0}
 #ppDrawerCategories a{display:block;padding:9px 14px;min-height:38px;font-size:13px}
 #ppDrawerCategories a.ppDrawerCategoryLink{display:flex;align-items:center;gap:12px}
 #ppDrawerCategories .ppDrawerCategoryLink img{display:block;width:20px;height:20px;object-fit:contain;flex:0 0 20px}
 #ppDrawerCategories .ppDrawerCategoryLink span{min-width:0}
 #ppDrawerCategories .ppDrawerAll{color:#147477;font-weight:700}
 .ppDrawerCategory{border-top:1px solid #edf0f0}
 .ppDrawerCategory summary{min-height:44px;padding:0 6px 0 14px;gap:4px}
 #ppDrawerCategories summary>a{flex:1;padding:4px 0;min-height:0;font-weight:600}
 #ppMobileDrawer .ppDrawerCategory summary>svg{width:44px;height:44px;padding:13px;transition:transform 180ms}
 .ppDrawerCategory[open]>summary>svg{transform:rotate(180deg)}
 .ppDrawerSub{padding:0 0 8px 14px;background:#f3f8f7;border-radius:8px}
 #ppDrawerCategories .ppDrawerSub a{padding-top:8px;padding-bottom:8px;font-size:12px}
 #ppMobileDrawer .ppDrawerGroup{margin:12px 0 0;padding:0}
 #ppMobileDrawer .ppDrawerGroup h2{margin:0 0 4px;padding:0 12px;font-size:16px;font-weight:700;line-height:22px;color:#263334;letter-spacing:-.015em;text-transform:none}
 #ppMobileDrawer .ppDrawerLink{display:flex;align-items:center;gap:16px;padding:7px 12px;min-height:38px;border-radius:8px;font-size:14px}
 #ppMobileDrawer .ppDrawerLink svg{width:18px;height:18px;stroke-width:1.75}
 #ppMobileDrawer .ppDrawerLink:hover,#ppDrawerCategories a:hover{background:#edf7f6}
 #ppMobileDrawer .ppDrawerLink[aria-current=page]{background:#edf7f6;color:#147477;font-weight:600}
 #ppMobileDrawer .ppDrawerQuick{display:flex;flex-wrap:wrap;gap:6px;padding:6px 12px 0}
 #ppMobileDrawer .ppDrawerQuick a{display:flex;align-items:center;min-height:34px;border-radius:20px;padding:6px 12px;background:#f0f5f5;color:#3d6062;font-size:12px;font-weight:600}
 .ppDrawerFooter{flex-shrink:0;border-top:1px solid #edf0f0;padding:12px 24px max(16px,env(safe-area-inset-bottom));background:#fff}
 #ppMobileDrawer .ppDrawerPhone{display:flex;align-items:center;gap:12px;min-height:32px;font-size:16px;font-weight:700}
 #ppMobileDrawer .ppDrawerPhone svg{color:#229b9e;width:18px;height:18px}
 #ppMobileDrawer .ppDrawerFooter>a:last-child{display:inline-flex;align-items:center;min-height:32px;color:#53686a;font-size:12px}
 #topHeader #topMenu li.bar a.openEnder{width:44px;min-height:31px}
 #topHeader #topMenu.ppDrawerTriggerReady li.bar>.sub{display:none!important}
}
@media(prefers-reduced-motion:reduce){#ppMobileDrawer,.ppDrawerCatalog>summary>svg:last-child{transition:none!important}}
