.dk-atc { display:flex; justify-content: space-between; align-items: center; gap: 1rem; width:100%; }
.dk-atc__btn {
  width:100%; background-color:#ef4d5a !important; color:#fff !important; border:0; border-radius:6px !important;
  font-size:15px !important; cursor:pointer !important;
}
.dk-atc__btn.is-hidden { display:none; }

.dk-atc__qty {
  display:flex; align-items:center; gap:12px;
  border:1px solid #f2f2f2; border-radius:6px; padding:6px; position:relative; background:#fff;
}
.dk-atc__qty.is-hidden { display:none; }

.dk-atc__minus, .dk-atc__plus, .dk-atc__trash {
  width:40px; height:32px; border-radius:6px !important;
  background-color:var(--e-global-color-secondary) !important; cursor:pointer !important; padding: 10px !important;
}

.dk-atc__minus:hover, .dk-atc__plus:hover, .dk-atc__trash:hover {
  background-color:#aa0403 !important;;
}

.dk-atc__trash { font-size:16px; line-height:32px; }
.dk-atc__plus.is-disabled { opacity:.5; cursor:not-allowed; }

.dk-atc__count { min-width:22px; text-align:center; font-weight:600; display: flex; flex-direction: column; }

.spinner {
  width:23px; height:23px; border:2px solid rgba(255,255,255,.5); border-top-color:#fff; border-radius:50%;
  position:absolute; right:12px; top:50%; transform:translateY(-50%); animation: dkspin 0.9s linear infinite; display:none;
}
.dk-atc__qty .spinner { right:auto; left:41%; border-color:rgba(239,77,90,.3); border-top-color:#ef4d5a; background-color: #fff;}
.is-loading .spinner { display:inline-block; }
.is-loading{ opacity: 0.8; user-select: none; pointer-events: none; }
@keyframes dkspin { to { transform:translateY(-50%) rotate(360deg); } }

.dk-atc__qty.is-limit { animation: dkshake .2s ease-in-out 2; }
@keyframes dkshake {
  0%,100% { transform: translateX(0); }
  25% { transform: translateX(-4px); }
  75% { transform: translateX(4px); }
}

.dk-atc__oos {
  display:inline-block; padding:12px 18px; border-radius:12px;
  background:#f6f7f8; color:#a0a3a7; font-weight:600;
}
.dk-atc__oos.is-hidden { display:none; }

/* دکمه تسویه: فقط وقتی باکس تعداد نمایان است */
.dk-atc .dk-chckt__btn { display:none; }
.dk-atc .dk-atc__qty:not(.is-hidden) ~ .dk-chckt__btn { display:inline-flex !important; align-items:center; justify-content:center;
  width:100%; background:#0c7735; color:#fff; border-radius:6px; padding:12px 16px; text-decoration:none; }
.dk-atc .dk-atc__qty:not(.is-hidden) ~ .dk-chckt__btn:hover { background:#0a662d; }
@media all and (max-width: 1024px){.dk-atc .dk-atc__qty:not(.is-hidden) ~ .dk-chckt__btn { font-size: 14px !important; }}

.dk-atc__qty:has(> .dk-atc__plus.is-disabled) .dk-atc__count::after {
    content: 'حداکثر';
    font-size: 10px;
    font-weight: 500;
    opacity: 0.7;
}

.dk-atc__qty:has(.spinner:not([hidden])) .dk-atc__count {
    visibility: hidden;
}

/* هنگام درخواست در حال اجرا */
.dk-atc.is-busy .dk-atc__btn,
.dk-atc.is-busy .dk-atc__minus,
.dk-atc.is-busy .dk-atc__plus,
.dk-atc.is-busy .dk-atc__trash {
  pointer-events: none;
  opacity: .6;
}