/* Mobile drill-down navigation. Desktop mega-menu rules remain untouched. */
@media(max-width:1024px){
html body .agroHeader .mainMenu__navLink:is([data-agro-nav-rank="1"],[data-agro-nav-rank="2"],[data-agro-nav-rank="3"]),html body .agroHeader .agroMega__categoryRow[data-agro-mobile-offer="true"],html body .agroHeader .agroMega__shortcut--sale{display:none!important;}
html body .agroHeader .agroMega__promos{display:none!important;}
html body .agroHeader.agro-mobile-drilled .agroMega__sidebar>.agroMega__category,html body .agroHeader.agro-mobile-drilled .agroMega__sidebar>.agroMega__shortcut,html body .agroHeader.agro-mobile-drilled .agroMega__categoryRow:not(.is-mobile-active){display:none!important;}
html body .agroHeader.agro-mobile-drilled .agroMega__categoryRow.is-mobile-active>.agroMega__category{display:none!important;}
html body .agroHeader.agro-mobile-drilled :is(.agroMega__content,.agroMobileSearchMount,.headerSection__mainMenu__navLinks>.mainMenu__navLink,.agroHeader__utilityLinks,.agroHeader__mobileUtilities){display:none!important;}
html body .agroHeader .agroMobileCategoryView:not([hidden]){display:block!important;width:100%;box-sizing:border-box;margin:0;padding:0!important;border:0!important;}
html body .agroHeader .agroMobileCategoryView.is-third-level>.agroMobileLevelTwo,html body .agroHeader .agroMobileLevelThree[hidden]{display:none!important;}
html body .agroHeader .agroMobileLevelHeading{display:block;padding:0 0 18px;margin:0;}
html body .agroHeader .agroMobileBack{display:flex!important;align-items:center;gap:9px;max-width:100%;min-height:44px;margin:0 0 14px;padding:8px 0;border:0;background:transparent;color:#517261;font:inherit;font-size:13px;text-align:left;}
html body .agroHeader .agroMobileBack svg{transform:rotate(180deg);flex:0 0 18px;fill:none;stroke:currentColor;}
html body .agroHeader .agroMobileBack span{white-space:normal;overflow-wrap:anywhere;line-height:1.4;}
html body .agroHeader .agroMobileLevelLabel{display:block;margin:0 0 6px;padding:0;color:#718a7b;font-size:11px;letter-spacing:1px;text-transform:uppercase;}
html body .agroHeader .agroMobileLevelHeading h2{margin:0 0 16px;padding:0;color:#193f31;font-size:23px;font-weight:600;line-height:1.3;text-align:left;letter-spacing:0;word-break:normal;overflow-wrap:anywhere;}
html body .agroHeader .agroMobileViewAll{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:46px;padding:11px 14px;background:#eaf5ee;border:1px solid #d7e9dd;border-radius:9px;color:#087b40;text-decoration:none;font-size:14px;font-weight:600;line-height:1.4;box-sizing:border-box;}
html body .agroHeader .agroMobileNodeList{display:grid;gap:8px;list-style:none;width:100%;margin:0!important;padding:0!important;}
html body .agroHeader .agroMobileNodeList>li{display:block;margin:0!important;padding:0!important;border:0;}
html body .agroHeader .agroMobileNodeList .agroMobileNode{display:flex!important;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:54px;box-sizing:border-box;margin:0;padding:14px!important;border:1px solid #e0ebe4;border-radius:10px;background:#fff;color:#234b37;text-decoration:none;font:inherit;font-size:14px!important;line-height:1.45;text-align:left;letter-spacing:0;}
html body .agroHeader .agroMobileNode>span{min-width:0;white-space:normal;word-break:normal;overflow-wrap:anywhere;}
html body .agroHeader :is(.agroMobileNode,.agroMobileViewAll)>svg{flex:0 0 18px;fill:none;stroke:currentColor;color:#16834b;}
html body .agroHeader :is(.agroMobileNode,.agroMobileViewAll):hover{background:#f2f8f4;border-color:#9fc8ae;}
html body .agroHeader :is(.agroMobileNode,.agroMobileViewAll,.agroMobileBack):focus-visible{outline:2px solid #16834b;outline-offset:2px;}
}
/* r250 — translucent mobile dock, hidden while reading down the page. */
@media(max-width:768px){
html body .bottomMenu.agroBottomNav{background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);transition:transform .22s ease,opacity .18s ease;}
html body .bottomMenu.agroBottomNav.agroBottomNav--scrollHidden{transform:translateY(calc(100% + 24px + env(safe-area-inset-bottom,0px)));opacity:0;pointer-events:none;}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
@media(max-width:768px){html body .bottomMenu.agroBottomNav{background:rgba(255,255,255,.94);}}
}
@media(max-width:768px) and (prefers-reduced-motion:reduce){html body .bottomMenu.agroBottomNav{transition:none;}}
/* agro-bottom-nav-glass c1 (Claude 2026-10-18): phone bar lower, pill shaped, liquid glass, raised 18px above the edge */
@media(max-width:768px){
html body.agroGlassBars .bottomMenu.agroBottomNav{left:14px;right:14px;width:calc(100% - 28px);bottom:calc(18px + env(safe-area-inset-bottom,0px));height:54px;padding:4px 6px;gap:2px;border-radius:999px;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);box-shadow:0 12px 32px rgba(16,44,28,.18),0 2px 6px rgba(16,44,28,.08),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.35);isolation:isolate;}
html body.agroGlassBars .bottomMenu.agroBottomNav::before{content:"";position:absolute;inset:0 0 50% 0;z-index:-1;border-radius:999px 999px 40% 40%;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));pointer-events:none;}
html body.agroGlassBars .bottomMenu.agroBottomNav .menuItem{min-height:44px;padding:0;border-radius:999px;}
html body.agroGlassBars .bottomMenu.agroBottomNav .menuItem .svgContainer{width:40px;height:32px;border-radius:999px;}
html body.agroGlassBars .bottomMenu.agroBottomNav .menuItem.activePage,html body.agroGlassBars .bottomMenu.agroBottomNav .menuItem.menuActive{background:rgba(0,125,49,.11);}
html body.agroGlassBars .bottomMenu.agroBottomNav .agroBottomNav__cart .svgContainer{width:46px;height:34px;border-radius:999px;box-shadow:0 4px 10px rgba(0,125,49,.28),inset 0 1px 0 rgba(255,255,255,.35);}
html body.agroGlassBars .bottomMenu.agroBottomNav .agroBottomNav__cart.activePage{background:transparent;}
html body.agroGlassBars .bottomMenu.agroBottomNav.agroBottomNav--scrollHidden{transform:translateY(calc(100% + 40px + env(safe-area-inset-bottom,0px)));}
html body.agroGlassBars .bottomMenuBack.agroBottomNavSpacer{height:calc(90px + env(safe-area-inset-bottom,0px));}
}
@media(max-width:768px){@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html body.agroGlassBars .bottomMenu.agroBottomNav{background:rgba(255,255,255,.95);}}}
@media(max-width:359px){html body.agroGlassBars .bottomMenu.agroBottomNav{left:10px;right:10px;width:calc(100% - 20px);padding:4px;}}
/* agro-top-bar-glass c2 (Claude 2026-10-18): phone header as a floating liquid-glass pill, same style as the bottom bar.
The glass is header::before (backdrop-filter on the header itself would capture the fixed mobile menu inside it). */
@media(max-width:768px){
html body.agroGlassBars header.agroHeader.pageHeader-js{padding:8px 12px 0;background:transparent!important;box-shadow:none!important;border-bottom:0!important;isolation:isolate;}
html body.agroGlassBars header.agroHeader.pageHeader-js::before{content:"";position:absolute;left:12px;right:12px;top:8px;height:56px;z-index:0;border-radius:999px;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);box-shadow:0 10px 28px rgba(16,44,28,.16),0 2px 6px rgba(16,44,28,.07),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.35);pointer-events:none;}
html body.agroGlassBars header.agroHeader.pageHeader-js>.headerSection__row{height:56px!important;min-height:56px!important;padding:7px 8px 7px 16px!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:999px;}
html body.agroGlassBars header.agroHeader.pageHeader-js .headerSection__logo--wrapper,html body.agroGlassBars header.agroHeader.pageHeader-js .headerSection__logo{height:36px;}
html body.agroGlassBars header.agroHeader.pageHeader-js .headerSection__logo img,html body.agroGlassBars header.agroHeader.pageHeader-js .headerSection__logo svg{max-height:36px;width:auto;}
html body.agroGlassBars header.agroHeader.pageHeader-js .headerSection__iconsMenu{gap:6px;}
html body.agroGlassBars header.agroHeader.pageHeader-js .headerSection__iconsMenu>.headerSection__iconsMenuItem{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.75);background:rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 3px rgba(16,44,28,.08);}
}
@media(max-width:768px){@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html body.agroGlassBars header.agroHeader.pageHeader-js::before{background:rgba(255,255,255,.95);}}}