.universal-quantity-input-container{display:none;flex-direction:column;gap:12px;margin-top:20px;padding:20px;background:linear-gradient(135deg,#f0fdf4,#e8f5e9);border:3px solid #4cb354;border-radius:12px;box-shadow:0 4px 12px #4cb35426;animation:slideDown .3s ease-out}.universal-quantity-input-container.show{display:flex!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:200px}}.universal-quantity-input-label{font-size:16px;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:8px}.universal-quantity-input-label i{color:#4cb354;font-size:18px}.universal-quantity-input{width:100%;max-width:200px;padding:14px 16px;font-size:20px;font-weight:700;text-align:center;color:#1f2937;border:2px solid #d1d5db;border-radius:10px;background:#fff;transition:all .3s ease}.universal-quantity-input:focus{outline:none;border-color:#4cb354;box-shadow:0 0 0 4px #4cb35426}.universal-quantity-input:hover{border-color:#9ca3af}.universal-quantity-input:invalid{border-color:#ef4444}.universal-quantity-hint{font-size:13px;color:#6b7280;display:flex;align-items:center;gap:6px;line-height:1.5}.universal-quantity-hint i{color:#4cb354;font-size:14px}.universal-quantity-hint strong{color:#4cb354;font-weight:700;padding:2px 6px;background:#4cb3541a;border-radius:4px}.universal-tier-button small{display:block;font-size:11px;opacity:.9;margin-top:4px;font-weight:600}@media(max-width:768px){.universal-quantity-input-container{padding:16px;gap:10px}.universal-quantity-input-label{font-size:14px}.universal-quantity-input{max-width:100%;font-size:18px;padding:12px 14px}.universal-quantity-hint{font-size:12px;flex-direction:column;align-items:flex-start;gap:4px}}.universal-quantity-input:focus-visible{outline:3px solid #4cb354;outline-offset:2px}@media print{.universal-quantity-input-container{display:none!important}}