:root{
  --btn-bg: #1b2330;             
  --btn-bg-hover: #222c3b;
  --btn-bg-active: #1a2230;
}


.btn, .button, .icon-btn,
.qty .btn,
.cart-btn,
.sheet .btn, .sheet .icon-btn {
  border: none !important;
  background-clip: padding-box;
}


.btn-primary{
  border: none !important;
  background-color: var(--ui-accent, #3b82f6);
}


.btn, .button, .icon-btn{
  background: var(--btn-bg);
  transition: transform .05s ease, box-shadow .15s ease, filter .12s ease, background-color .12s ease;
}
.btn:hover, .button:hover, .icon-btn:hover{
  background: var(--btn-bg-hover);
  box-shadow: var(--shadow-1);
}
.btn:active, .button:active, .icon-btn:active{
  background: var(--btn-bg-active);
  transform: translateY(1px);
}


.qty{ display:inline-flex; align-items:center; gap:6px; }
.qty .btn{ border-radius: var(--r-btn); }
.qty input{
  border: none !important;
  background: rgba(255,255,255,.06);
  color: inherit;
  padding: 6px 10px;
  border-radius: var(--r-btn);
  width: 52px;
  text-align: center;
}


.sheet .qty .btn,
.sheet .qty input,
#cartDialog .qty .btn,
#cartDialog .qty input{
  border: none !important;
}


.btn:focus-visible, .button:focus-visible, .icon-btn:focus-visible,
.qty .btn:focus-visible, .qty input:focus-visible{
  outline: 0;
  box-shadow: 0 0 0 3px var(--focus);
}



.mini-cart, .mini_cart, .cart-drawer, .cart_drawer, .cart-popup, .cart_popup {
  display: none !important;
  visibility: hidden !important;
}