/* Illustrated category menu and account sheets. Native login form retained. */
.dn-modern .dn-menu-trigger{display:flex;align-items:center;gap:10px;flex:0 0 auto;min-height:44px;padding:11px 15px;border:0;border-radius:10px;background:#195d30;color:#fff;font:700 14px/1.4 Roboto,Arial,sans-serif;cursor:pointer}
.dn-menu-trigger svg{width:20px;height:20px}.dn-menu-trigger[aria-expanded=true]{background:#124923}
html.dn-sheet-open{overflow:hidden;overscroll-behavior:none}
.dn-modern .dn-sheet{position:fixed;inset:auto;margin:0;padding:0;border:1px solid #dbe5dd;border-radius:22px;background:#fff;color:#23352b;font-family:Roboto,Arial,sans-serif;box-shadow:0 24px 90px #0c271b2b;overflow:hidden;max-width:none;max-height:none}
.dn-sheet:not([open]){display:none!important}.dn-sheet[open]{animation:dn-sheet-in .24s cubic-bezier(.2,.8,.2,1)}
.dn-sheet::backdrop{background:#10261a66;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:dn-backdrop-in .24s ease}
.dn-sheet.dn-sheet-closing{animation:dn-sheet-out .18s ease forwards}.dn-sheet.dn-sheet-closing::backdrop{animation:dn-backdrop-out .18s ease forwards}
.dn-modern #dn-menu-dialog{top:var(--dn-menu-top,150px);left:50%;translate:-50% 0;width:min(1120px,calc(100vw - 56px));max-height:calc(100dvh - var(--dn-menu-top,150px) - 20px)}
.dn-sheet-shell{display:flex;flex-direction:column;max-height:inherit;min-height:0}
.dn-sheet-head{flex:none;display:grid;grid-template-columns:1fr 44px;gap:10px 20px;padding:24px 28px 18px;background:#fff;border-bottom:1px solid #e9eee7;position:relative}
.dn-sheet-eyebrow{margin:0 0 5px!important;color:#5c7d61;font:700 10px/1.4 Roboto,Arial,sans-serif;letter-spacing:1.5px}
.dn-modern .dn-sheet-head h2{font:750 27px/1.2 Roboto,Arial,sans-serif!important;letter-spacing:-.5px;color:#233d2b!important;text-align:left!important;margin:0!important}
.dn-sheet-subtitle{font-size:14px;line-height:1.5;margin:7px 0 0!important;color:#728074}
.dn-sheet-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:#edf2ed;color:#294633;cursor:pointer;padding:11px}.dn-sheet-close svg{width:22px;height:22px}
.dn-sheet-close:hover{background:#ddebdc}.dn-sheet-close:focus-visible{outline:3px solid #7ac566;outline-offset:2px}
.dn-menu-search{grid-column:1/-1;height:46px!important;width:100%;border:1px solid #dce5dc!important;border-radius:12px!important;padding:10px 15px!important;font:400 16px/1.4 Roboto,Arial,sans-serif!important;background:#f4f7f3!important;color:#23352b!important;box-shadow:none!important}
.dn-sheet-body{padding:20px 28px 24px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0}
.dn-modern .dn-menu-label{font:700 15px/1.4 Roboto,Arial,sans-serif!important;margin:0 0 14px!important;color:#23352b!important}
.dn-menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.dn-modern .dn-menu-card{display:flex;align-items:center;gap:12px;min-width:0;min-height:96px;padding:12px;border-radius:14px;background:#f3f6f1;border:1px solid transparent;color:#23352b!important;text-decoration:none!important;font:600 14px/1.35 Roboto,Arial,sans-serif;transition:background .16s,border-color .16s,transform .16s}
.dn-menu-card[hidden]{display:none!important}.dn-modern .dn-menu-card img{width:68px!important;height:68px!important;object-fit:contain;flex:0 0 68px;max-width:none!important;margin:0!important}.dn-menu-card span{min-width:0}.dn-menu-fallback{width:68px;padding:16px;color:#195d30}.dn-menu-fallback svg{width:36px;height:36px}
.dn-menu-card[aria-current=page]{border-color:#86b780;background:#e7f2e1}
@media(hover:hover){.dn-modern .dn-menu-card:hover{background:#e8f2e2;border-color:#b8d4ac;transform:translateY(-1px)}}
.dn-menu-empty{margin:20px 0;color:#6b796d}.dn-menu-footer{display:flex;align-items:center;gap:22px;flex:none;padding:14px 28px;border-top:1px solid #e5ece2;background:#fbfcfa;font-size:13px}.dn-menu-footer>a{color:#637a65;text-decoration:none!important}.dn-menu-account{margin-left:auto;display:flex;gap:16px;align-items:center;min-height:44px;padding:10px 17px;background:#195d30;border:0;border-radius:11px;color:#fff;font-weight:700;cursor:pointer}
.dn-sheet-handle{display:none}
.dn-modern #dn-account-dialog{left:50%;top:50%;translate:-50% -50%;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 40px)}
.dn-modern #dn-account-dialog #login{display:block!important;position:static!important;inset:auto!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;opacity:1!important;visibility:visible!important;transform:none!important;background:transparent!important;box-shadow:none!important;border:0!important;overflow:visible!important}
.dn-modern #dn-account-dialog #login .popup-widget-inner{padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.dn-modern #dn-account-dialog #loginHeading{display:none!important}
.dn-modern #dn-account-dialog .form-group{margin:0 0 18px!important}
.dn-modern #dn-account-dialog label{display:block!important;position:static!important;transform:none!important;margin:0 0 7px!important;color:#49634f!important;font:600 13px/1.5 Roboto,Arial,sans-serif!important;text-transform:none!important}
.dn-modern #dn-account-dialog input.form-control{width:100%!important;height:50px!important;background:#f7f9f5!important;color:#23352b!important;border:1px solid #dbe5d7!important;border-radius:12px!important;box-shadow:none!important;padding:12px 14px!important;font:400 16px/1.4 Roboto,Arial,sans-serif!important}
.dn-modern #dn-account-dialog input.form-control:focus{border-color:#4b9350!important;outline:3px solid #195d3012;outline-offset:0}
.dn-modern #dn-account-dialog .submit-wrapper{margin:6px 0 16px!important}.dn-modern #dn-account-dialog .btn-primary{width:100%!important;min-height:50px!important;padding:12px 18px!important;border:0!important;border-radius:12px!important;background:#195d30!important;color:#fff!important;font:700 15px/1.4 Roboto,Arial,sans-serif!important;text-transform:none!important;box-shadow:none!important}
.dn-modern #dn-account-dialog .alternative-links{display:flex!important;flex-direction:column;gap:12px;text-align:center;margin:0!important}.dn-modern #dn-account-dialog .alternative-links a{display:block!important;margin:0!important;padding:12px!important;min-height:44px;color:#195d30!important;border:1px solid #dae5d5!important;border-radius:11px!important;background:#eef5e9!important;font:600 14px/1.4 Roboto,Arial,sans-serif!important;box-shadow:none!important;text-transform:none!important;text-decoration:none!important}.dn-modern #dn-account-dialog .alternative-links a:last-child{border-color:transparent!important;background:transparent!important;font-size:13px!important}
@keyframes dn-sheet-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes dn-sheet-out{to{opacity:0;transform:translateY(14px) scale(.98)}}@keyframes dn-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes dn-backdrop-out{to{opacity:0}}
@media(min-width:768px) and (max-width:1050px){.dn-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dn-modern .dn-menu-card{min-height:86px}.dn-modern .dn-menu-card img{width:58px!important;height:58px!important;flex-basis:58px}}
@media(max-width:767px){
 .dn-modern .dn-menu-trigger{display:none!important}
 .dn-modern .top-navigation-bar{position:fixed!important;top:0!important;left:0;right:0;z-index:1001;background:#f4f6f4f2!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
 .dn-modern #header{position:fixed!important;top:64px!important;left:0!important;right:0!important;width:100%!important;z-index:1000!important}
 .dn-modern #header .header-top{background:#f4f6f4f2!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
 .dn-modern #navigation{display:none!important}.dn-modern #header .header-top{overflow:visible!important}.dn-modern .overall-wrapper{padding-top:133px!important}
 .dn-modern #dn-menu-dialog,.dn-modern #dn-account-dialog{left:0;right:0;top:auto;bottom:0;translate:none;width:100%;max-height:calc(100dvh - max(12px,env(safe-area-inset-top)));border-radius:25px 25px 0 0;border:0}
 .dn-sheet[open]{animation:dn-mobile-sheet-in .3s cubic-bezier(.2,.8,.2,1)}.dn-sheet.dn-sheet-closing{animation:dn-mobile-sheet-out .18s ease forwards}
 .dn-sheet-handle{display:block;width:36px;height:5px;flex:none;background:#ccd6cc;border-radius:4px;margin:10px auto 0}
 .dn-sheet-head{padding:15px 18px 16px;gap:12px}.dn-sheet-eyebrow{display:none}.dn-modern .dn-sheet-head h2{font-size:24px!important}.dn-sheet-subtitle{font-size:13px;margin-top:5px!important}
 .dn-menu-search{height:44px!important;border-radius:12px!important}
 .dn-sheet-body{padding:17px 16px 20px}.dn-menu-label{font-size:14px!important}
 .dn-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .dn-modern .dn-menu-card{flex-direction:column;justify-content:flex-start;text-align:center;gap:5px;padding:9px 5px;min-height:114px;border-radius:13px;font-size:12px;line-height:1.35}
 .dn-modern .dn-menu-card img{width:62px!important;height:62px!important;flex:0 0 62px}.dn-menu-card span{display:block}
 .dn-menu-footer{gap:14px;padding:12px 18px max(14px,env(safe-area-inset-bottom));font-size:12px}.dn-menu-footer>a:nth-child(2){display:none}.dn-menu-account{min-height:44px;font-size:13px}
 .dn-modern #dn-account-dialog .dn-sheet-body{padding:20px 22px max(24px,env(safe-area-inset-bottom))}
 @keyframes dn-mobile-sheet-in{from{transform:translateY(100%);opacity:.7}to{transform:none;opacity:1}}@keyframes dn-mobile-sheet-out{to{transform:translateY(100%);opacity:.5}}
}
@media(prefers-reduced-motion:reduce){.dn-sheet[open],.dn-sheet.dn-sheet-closing,.dn-sheet::backdrop,.dn-sheet.dn-sheet-closing::backdrop{animation:none!important}.dn-menu-card{transition:none!important}}

.dn-modern .dn-sheet,.dn-modern .dn-sheet *{box-sizing:border-box}
.dn-modern .dn-menu-search{min-width:0;margin:0!important}

/* Desktop disclosure anchored to the category button; mobile remains a sheet. */
@media(min-width:768px){
 .dn-modern #dn-menu-dialog{top:var(--dn-menu-top);left:var(--dn-menu-left);translate:none;width:var(--dn-menu-width);max-height:calc(100dvh - var(--dn-menu-top) - 16px);z-index:1100;border-radius:0 16px 16px 16px;box-shadow:0 16px 40px #173b2024;border:1px solid #e0e8dd}
 #dn-menu-dialog .dn-sheet-head,#dn-menu-dialog .dn-sheet-handle{display:none}
 #dn-menu-dialog .dn-sheet-body{padding:20px}
 #dn-menu-dialog .dn-menu-grid{gap:10px}
 .dn-modern #dn-menu-dialog .dn-menu-card{background:#f6f8f4;min-height:100px;border-radius:12px;font-size:15px}
 .dn-modern #dn-menu-dialog .dn-menu-card:hover{background:#eaf3e5;border-color:#c6dcc0}
 #dn-menu-dialog[open]{animation:dn-dropdown-in .2s cubic-bezier(.2,.8,.2,1);transform-origin:top left}
 #dn-menu-dialog.dn-sheet-closing{animation:dn-dropdown-out .15s ease forwards}
 .dn-menu-trigger>span:last-child{transition:transform .2s}
 .dn-menu-trigger[aria-expanded=true]>span:last-child{transform:rotate(180deg)}
 @keyframes dn-dropdown-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
 @keyframes dn-dropdown-out{to{opacity:0;transform:translateY(-6px)}}
}
@media(max-width:767px){#dn-menu-dialog .dn-sheet-body{padding-bottom:max(20px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){#dn-menu-dialog[open],#dn-menu-dialog.dn-sheet-closing{animation:none!important}}