/* Opto Zero v3.54 — mini-cart quantity control, PC + phones */

/* Shared: bigger tap/click area, but compact overall */
.oc-cart-popover .oc-mini-qty-control,
.oc-cart-drawer .oc-mini-qty-control{
  display:grid!important;
  grid-template-columns:34px 42px 34px!important;
  width:110px!important;
  max-width:110px!important;
  height:34px!important;
  min-height:34px!important;
  margin-top:6px!important;
  border:1px solid #dbe3ee!important;
  border-radius:9px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 2px 7px rgba(31,47,73,.035)!important;
}

.oc-cart-popover .oc-mini-qty-control button,
.oc-cart-drawer .oc-mini-qty-control button{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:#fff!important;
  color:#34445d!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:900!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
  user-select:none!important;
}

.oc-cart-popover .oc-mini-qty-control button:hover,
.oc-cart-drawer .oc-mini-qty-control button:hover{
  background:#eef5ff!important;
  color:#0d5de6!important;
}

.oc-cart-popover .oc-mini-qty-control button:active,
.oc-cart-drawer .oc-mini-qty-control button:active{
  background:#e3efff!important;
  transform:scale(.96)!important;
}

.oc-cart-popover .oc-mini-qty-control input,
.oc-cart-drawer .oc-mini-qty-control input{
  width:42px!important;
  min-width:42px!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0 2px!important;
  border:0!important;
  border-left:1px solid #edf1f5!important;
  border-right:1px solid #edf1f5!important;
  border-radius:0!important;
  background:#fff!important;
  color:#1f2f49!important;
  box-shadow:none!important;
  text-align:center!important;
  font-size:14px!important;
  line-height:34px!important;
  font-weight:900!important;
  -moz-appearance:textfield!important;
  appearance:textfield!important;
}

.oc-cart-popover .oc-mini-qty-control input::-webkit-outer-spin-button,
.oc-cart-popover .oc-mini-qty-control input::-webkit-inner-spin-button,
.oc-cart-drawer .oc-mini-qty-control input::-webkit-outer-spin-button,
.oc-cart-drawer .oc-mini-qty-control input::-webkit-inner-spin-button{
  margin:0!important;
  -webkit-appearance:none!important;
}

/* The small "коробок: 10 / штук: 10" note stays close to the control */
.oc-cart-popover .oc-cart-mode-label,
.oc-cart-drawer .oc-cart-mode-label{
  margin-top:4px!important;
  color:#8490a1!important;
  font-size:9px!important;
  line-height:1.15!important;
  font-weight:700!important;
}

/* Desktop dropdown: keep product row compact even with larger +/- */
@media (min-width:768px){
  .oc-cart-popover .oc-cart-item{
    grid-template-columns:54px minmax(0,1fr) auto!important;
    gap:8px!important;
  }

  .oc-cart-popover .oc-cart-meta{
    min-width:0!important;
  }

  .oc-cart-popover .oc-cart-name{
    margin-bottom:2px!important;
  }

  .oc-cart-popover .oc-mini-qty-control{
    margin-top:5px!important;
  }
}

/* Phones: even easier to tap, with slightly larger control */
@media (max-width:767px){
  .oc-cart-drawer .oc-mini-qty-control{
    grid-template-columns:38px 44px 38px!important;
    width:120px!important;
    max-width:120px!important;
    height:38px!important;
    min-height:38px!important;
    margin-top:6px!important;
    border-radius:10px!important;
  }

  .oc-cart-drawer .oc-mini-qty-control button{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    font-size:20px!important;
  }

  .oc-cart-drawer .oc-mini-qty-control input{
    width:44px!important;
    min-width:44px!important;
    height:38px!important;
    min-height:38px!important;
    font-size:16px!important;
    line-height:38px!important;
  }

  .oc-cart-drawer .oc-cart-item.mobile{
    grid-template-columns:48px minmax(0,1fr) auto!important;
    gap:8px!important;
  }

  .oc-cart-drawer .oc-cart-meta{
    min-width:0!important;
  }
}

@media(max-width:380px){
  .oc-cart-drawer .oc-mini-qty-control{
    grid-template-columns:36px 42px 36px!important;
    width:114px!important;
    max-width:114px!important;
    height:36px!important;
    min-height:36px!important;
  }

  .oc-cart-drawer .oc-mini-qty-control button{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    font-size:19px!important;
  }

  .oc-cart-drawer .oc-mini-qty-control input{
    width:42px!important;
    min-width:42px!important;
    height:36px!important;
    min-height:36px!important;
    line-height:36px!important;
    font-size:15px!important;
  }
}