/* ===== DQ BACK-TO-TOP / BACK-HOME BUTTONS ===== */
#dq-nav-buttons{
  position:fixed;bottom:22px;left:22px;z-index:9998;
  display:flex;flex-direction:column;gap:10px;
  opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity .25s ease, transform .25s ease, visibility .25s;
}
#dq-nav-buttons.visible{opacity:1;visibility:visible;transform:translateY(0);}

.dq-nav-btn{
  width:46px;height:46px;border-radius:50%;
  background:#fff;color:var(--choc,#45332D);border:1px solid #E4D8C4;
  display:flex;align-items:center;justify-content:center;
  font-size:1.15rem;cursor:pointer;text-decoration:none;
  box-shadow:0 6px 18px rgba(69,51,45,.18);
  transition:transform .15s ease, background .15s ease, color .15s ease;
}
.dq-nav-btn:hover{
  background:var(--brand,#CE630C);color:#fff;border-color:var(--brand,#CE630C);
  transform:translateY(-2px);
}
.dq-nav-btn .dq-nav-label{
  position:absolute;left:56px;white-space:nowrap;
  background:var(--choc,#45332D);color:#fff;font-size:.72rem;font-weight:600;
  padding:5px 10px;border-radius:5px;opacity:0;pointer-events:none;
  transition:opacity .15s ease;
}
.dq-nav-btn:hover .dq-nav-label{opacity:1;}

@media(max-width:480px){
  #dq-nav-buttons{left:14px;bottom:14px;}
  .dq-nav-btn .dq-nav-label{display:none;}
}