/* ========== MENU HAMBURGUER ========== */
  .topbar-nav{
    position:absolute;
    top:0;left:0;right:0;
    z-index:10;
    display:flex;align-items:center;
    background:linear-gradient(90deg,#071a07 0%,#14480a 50%,#0a2e0a 100%);
    padding:0 14px;
    height:58px;
    box-shadow:0 2px 12px rgba(0,0,0,.35);
    border-bottom:1px solid rgba(82,208,23,.18);
  }

  /* ---- BARRA FIXA AO ROLAR ---- */
  .sticky-topbar{
    position:fixed;
    top:0;left:0;right:0;
    z-index:600;
    display:flex;align-items:center;gap:8px;
    background:rgba(10,18,9,.78);
    backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    padding:0 14px;
    height:52px;
    border-bottom:1px solid rgba(82,208,23,.22);
    box-shadow:0 4px 16px rgba(0,0,0,.3);
    transform:translateY(-100%);
    opacity:0;
    transition:transform .28s cubic-bezier(.25,.8,.4,1), opacity .22s ease;
    will-change:transform,opacity;
  }
  .sticky-topbar.show{ transform:translateY(0); opacity:1; }
  .sticky-topbar-logo{ height:32px;width:32px;border-radius:50%;object-fit:cover;flex:none;image-rendering:-webkit-optimize-contrast; }
  .sticky-topbar-brand{
    color:#fff;font-weight:800;font-size:.86rem;letter-spacing:.4px;flex:1;
  }
  .sticky-topbar-actions{ display:flex;align-items:center;gap:6px;flex:none; }
  .sticky-topbar-btn{
    width:34px;height:34px;border-radius:50%;
    background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.18);
    color:#fff;display:flex;align-items:center;justify-content:center;
    cursor:pointer;position:relative;
    transition:background .15s ease,border-color .15s ease;
  }
  .sticky-topbar-btn svg{ width:17px;height:17px; }
  .sticky-topbar-btn:hover{ background:rgba(82,208,23,.22);border-color:var(--green-bright); }
  .sticky-cart-badge{
    position:absolute;top:-4px;right:-4px;
    background:var(--green-bright);color:#06210a;
    font-size:.6rem;font-weight:800;border-radius:50%;
    width:16px;height:16px;display:flex;align-items:center;justify-content:center;
  }
  .topbar-nav-logo{
    height:40px;width:40px;border-radius:50%;
    object-fit:cover;margin-right:8px;flex:none;
  }
  .topbar-nav-brand span{
    color:var(--green-bright);
  }
  .topbar-nav-links{
    display:flex;align-items:center;gap:14px;
    overflow-x:auto;white-space:nowrap;
    flex:1;min-width:0;margin:0 10px;
    -ms-overflow-style:none;scrollbar-width:none;
  }
  .topbar-nav-links::-webkit-scrollbar{display:none;}
  .topbar-nav-link{
    color:rgba(255,255,255,.72);font-size:.76rem;font-weight:700;
    text-decoration:none;cursor:pointer;flex:none;
    background:none;border:none;padding:0;font-family:inherit;
  }
  .topbar-nav-link.active{ color:var(--green-bright); }
  .topbar-nav-actions{ display:flex;align-items:center;gap:2px;flex:none; }
  .topbar-actions{
    position:static;
    display:flex;align-items:center;gap:8px;
  }
  .hamburger-btn{
    width:46px;height:46px;
    border-radius:12px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.22);
    color:#fff;
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
    box-shadow:0 2px 8px rgba(0,0,0,.18);
    transition:.2s ease;
  }
  .hamburger-btn:hover{background:rgba(82,208,23,.28);border-color:var(--green-bright);transform:translateY(-1px);}
  .hamburger-btn svg{width:24px;height:24px;}
  .hamburger-btn.nav-active{ background:rgba(82,208,23,.22);border-color:var(--green-bright);box-shadow:0 0 8px rgba(82,208,23,.45); }

  .cart-btn{
    width:46px;height:46px;
    border-radius:12px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.22);
    color:#fff;
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
    box-shadow:0 2px 8px rgba(0,0,0,.18);
    transition:.2s ease;
    text-decoration:none;
  }
  .cart-btn:hover{background:rgba(82,208,23,.28);border-color:var(--green-bright);transform:translateY(-1px);}
  .cart-btn svg{width:18px;height:18px;}
  .cart-btn.nav-active{ background:rgba(82,208,23,.22);border-color:var(--green-bright);box-shadow:0 0 8px rgba(82,208,23,.45); }

  /* Overlay escurecimento */
  .side-overlay{
    position:fixed;inset:0;
    background:rgba(0,0,0,.45);
    z-index:999;
    opacity:0;pointer-events:none;
    transition:opacity .28s ease;
  }
  .side-overlay.open{opacity:1;pointer-events:all;}

  /* Gaveta lateral */
  .side-menu{
    position:fixed;
    top:0;left:-300px;
    width:280px;height:100%;
    background:var(--surface);
    z-index:1000;
    display:flex;flex-direction:column;
    box-shadow:4px 0 24px rgba(0,0,0,.18);
    transition:left .28s cubic-bezier(.4,0,.2,1);
    overflow-y:auto;
  }
  .side-menu.open{left:0;}

  .side-menu-head{
    background:linear-gradient(135deg,var(--green-bright) 0%,var(--green-2) 100%);
    padding:28px 20px 22px;
    display:flex;align-items:center;gap:12px;
  }
  .side-menu-logo{
    width:52px;height:52px;border-radius:50%;
    background:var(--surface);
    box-shadow:0 4px 12px rgba(0,0,0,.2);
    object-fit:cover;
    flex:none;
  }
  .side-menu-brand{
    flex:1;
  }
  .side-menu-brand-name{
    color:#fff;font-weight:800;font-size:1.05rem;letter-spacing:.5px;margin:0;
  }
  .side-menu-brand-tag{
    color:rgba(255,255,255,.78);font-size:.65rem;letter-spacing:2px;font-weight:700;margin:0;
  }
  .side-menu-close{
    width:32px;height:32px;border-radius:50%;
    background:rgba(255,255,255,.2);
    border:none;color:#fff;
    font-size:1.1rem;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
  }

  .side-menu-section-label{
    font-size:.65rem;
    font-weight:800;
    color:var(--muted);
    text-transform:uppercase;
    letter-spacing:1.5px;
    padding:18px 20px 6px;
  }

  .side-menu-item{
    display:flex;align-items:center;gap:0;
    padding:14px 24px;
    border:none;background:transparent;
    font-family:inherit;font-size:.92rem;font-weight:700;
    color:var(--ink);cursor:pointer;
    text-align:left;width:100%;
    transition:.12s ease;
    border-left:3px solid transparent;
    letter-spacing:.2px;
  }
  .side-menu-item:hover{background:var(--bg);border-left-color:var(--green-3);}
  .side-menu-item.active{
    background:rgba(82,208,23,.14);
    border-left-color:var(--green-bright);
    color:var(--green-1);
  }
  .side-menu-item .item-icon{
    display:none;
  }
  .side-menu-item .item-label{flex:1;}
  .side-menu-item .item-count{
    font-size:.72rem;color:var(--muted);font-weight:600;
    background:var(--bg);padding:2px 8px;border-radius:20px;
    margin-left:auto;
  }
  .side-menu-item.active .item-count{background:rgba(82,208,23,.18);color:var(--green-1);}

  .side-menu-divider{
    height:1px;background:var(--line);margin:6px 16px;
  }
  .side-menu-foot{
    padding:16px 20px;margin-top:auto;
    font-size:.72rem;color:var(--muted);
    border-top:1px solid var(--line);
    text-align:center;
  }