#headerra{--gr:#0b3d22;--gr2:#145a32;--grd:#06240f;--au:#f5c84c;--au2:#ffe9a0;--au3:#b8860b;
    position:sticky;top:0;z-index:1000;font-family:"Montserrat","Segoe UI",Arial,sans-serif;
    background:
      radial-gradient(ellipse at 20% 0%,rgba(245,200,76,.12),transparent 50%),
      linear-gradient(135deg,var(--grd),var(--gr) 45%,var(--gr2) 70%,var(--grd));
    box-shadow:0 6px 30px rgba(0,0,0,.45)}
  #headerra:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;
    background:
      linear-gradient(115deg,transparent 48%,rgba(245,200,76,.5) 49%,transparent 50.5%) 0 0/420px 100%,
      linear-gradient(65deg,transparent 47%,rgba(245,200,76,.35) 48%,transparent 49%) 140px 0/520px 100%}
  #headerra:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
    background:linear-gradient(90deg,transparent,var(--au3),var(--au2),var(--au),var(--au3),transparent)}
  #headerra *{box-sizing:border-box}
  #headerra .container{max-width:1240px;margin:0 auto;padding:0 20px;position:relative}
  #headerra .wrapper{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:90px}
  #headerra .clear{display:none}

  /* Лого – квадратна значка, която виси под лентата */
  #headerra #logo{display:flex;align-items:center;justify-content:space-between;flex:none;align-self:flex-start;position:relative;z-index:2}
  #headerra #logo h1{margin:0;line-height:0}
  #headerra #logo a{display:block;margin-top:10px;margin-bottom:-60px;padding:4px;border-radius:16px;
    background:linear-gradient(135deg,var(--au2),var(--au) 45%,var(--au3));
    box-shadow:0 10px 30px rgba(0,0,0,.55);transition:.35s}
  #headerra #logo img{display:block;width:130px;height:130px;object-fit:cover;border-radius:12px}
  #headerra #logo a:hover{transform:translateY(-3px) scale(1.03)}
  #headerra #menu-switch{display:none;cursor:pointer;width:46px;height:46px;border-radius:12px;place-items:center;
    border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.06);transition:.3s}
  #headerra #menu-switch:hover{background:rgba(255,255,255,.16)}
  #headerra #menu-switch i{font-size:22px;color:#fff!important}

  /* Меню – бели бутони */
  #headerra #menu ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:4px}
  #headerra #menu a{position:relative;display:block;padding:12px 14px;color:#fff;text-decoration:none;
    font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:.3s}
  #headerra #menu a:after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:2px;border-radius:2px;
    background:var(--au);transform:scaleX(0);transition:.3s}
  #headerra #menu a:hover,#headerra #menu a.active{color:#fff;text-shadow:0 0 12px rgba(255,255,255,.45)}
  #headerra #menu a:hover:after,#headerra #menu a.active:after{transform:scaleX(1)}
  /* Поръчай – бял бутон */
  #headerra #menu li:last-child a{margin-left:10px;padding:12px 26px;border-radius:40px;color:var(--gr);background:#fff;
    box-shadow:0 4px 16px rgba(0,0,0,.3)}
  #headerra #menu li:last-child a:after{display:none}
  #headerra #menu li:last-child a:hover{color:var(--gr);text-shadow:none;transform:translateY(-2px);
    box-shadow:0 0 0 3px var(--au),0 8px 22px rgba(0,0,0,.35)}

  @media(max-width:1080px){
    #headerra #menu a{padding:10px 8px;font-size:13px}
    #headerra #menu a:after{left:8px;right:8px}
    #headerra #logo img{width:110px;height:110px}
    #headerra #menu li:last-child a{padding:11px 18px}
  }
  @media(max-width:960px){
    #headerra .wrapper{flex-direction:column;align-items:stretch;gap:0;min-height:0}
    #headerra #logo{align-self:stretch;padding:10px 0}
    #headerra #logo a{margin:0;padding:3px;border-radius:12px}
    #headerra #logo img{width:70px;height:70px;border-radius:9px}
    #headerra #menu-switch{display:grid}
    #headerra #menu{max-height:0;overflow:hidden;transition:max-height .45s ease}
    #headerra #menu.open{max-height:640px}
    #headerra #menu ul{flex-direction:column;align-items:stretch;gap:0;padding:6px 0 20px;border-top:1px solid rgba(245,200,76,.3)}
    #headerra #menu a{padding:14px 6px;font-size:15px;border-bottom:1px solid rgba(255,255,255,.1)}
    #headerra #menu a:after{left:6px;right:auto;width:30px;bottom:4px}
    #headerra #menu li:last-child a{margin:18px 0 0;text-align:center;border-bottom:0}
  }