/* V29 responsive drawer: a single top-left menu replaces the cramped bottom dock. */
.gr-v29-hamburger,.gr-v29-backdrop{display:none}
.gr-v29-hamburger[hidden]{display:none!important}
@media(max-width:880px){
 .mobilemenu{display:none!important}
 .app{display:block!important;min-width:0!important}
 .main{width:100%!important;min-width:0!important;margin:0!important;padding:64px 14px 28px!important}
 .sidebar{position:fixed!important;left:0!important;right:auto!important;top:0!important;bottom:0!important;
   width:min(315px,86vw)!important;max-width:86vw!important;display:flex!important;flex-direction:column;
   padding:18px 12px!important;transform:translateX(-105%);transition:transform .22s ease;
   z-index:92!important;overflow-y:auto!important;box-shadow:12px 0 35px #0004}
 .sidebar .navlabel,.sidebar .brandtxt,.sidebar .navtitle,.sidebar .sidebottom{display:initial!important}
 .sidebar .brand{justify-content:flex-start!important;padding:6px 8px 18px!important}
 .sidebar .navbtn{justify-content:flex-start!important;padding:12px 13px!important;text-align:right!important;gap:12px!important}
 .sidebar .navbtn .ico{font-size:18px!important}
 .gr-v29-hamburger{display:flex;align-items:center;justify-content:center;position:fixed;
   top:calc(env(safe-area-inset-top,0px) + 9px);left:12px;z-index:90;border:1px solid #e2c252;
   border-radius:12px;background:#f7c944;color:#152133;width:45px;height:43px;
   box-shadow:0 5px 15px #0002;cursor:pointer;font-size:25px;line-height:1}
 .gr-v29-backdrop{display:block;position:fixed;inset:0;z-index:91;background:#07132299;
   opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
 body.gr-v29-nav-open .sidebar{transform:translateX(0)!important}
 body.gr-v29-nav-open .gr-v29-backdrop{opacity:1;visibility:visible}
 body.gr-v29-nav-open{overflow:hidden}
 body.gr-v29-nav-open .gr-v29-hamburger{z-index:89}
 .topbar{position:relative!important;top:auto!important;width:100%;min-width:0!important;
   margin:0 0 14px!important;display:flex;flex-wrap:wrap;gap:10px}
 .topright{width:100%;max-width:100%;min-width:0;display:flex;flex-wrap:wrap;gap:8px}
 .previewselector{max-width:100%;flex-wrap:wrap}
 .daily-usd{max-width:100%;min-width:0!important}
 .card,.hero,.subtle,.topbar,.filters{max-width:100%;min-width:0}
 .formgrid,.two,.three{grid-template-columns:1fr!important}
 .dialog{max-width:calc(100vw - 20px);max-height:calc(100dvh - 22px)!important;padding:16px!important}
}
@media(max-width:570px){
 html,body{max-width:100%;overflow-x:hidden}
 .main{padding:65px 11px 24px!important}
 .topbar{padding:11px!important}
 .gr-v29-hamburger{left:10px}
 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .productpic{height:145px!important;min-height:0!important}
 .product{min-height:0!important}
 .pbody{padding:12px!important}
 .topright>.field,.topright>.btn{max-width:100%}
 .hero{padding:20px 15px!important}
 .toast{bottom:14px!important;left:12px!important;right:12px!important;max-width:none!important}
}
@media(max-width:390px){
 .grid{grid-template-columns:1fr!important}
 .productpic{height:215px!important}
 .pname{font-size:15px!important}
}
@media(min-width:881px){.gr-v29-hamburger,.gr-v29-backdrop{display:none!important}}
@media print{.gr-v29-hamburger,.gr-v29-backdrop{display:none!important}}